/* GENERATED by scripts/build-site-css.mjs; edit the source CSS files. */
/* source: flex-utils.css */
/**
* Themify flex utilities (from live tf_lazy_common)
* Required for .tf_in_flx button layout on hero START A PROJECT
*/
:where(.tf_in_flx, .tf_flx) {
display: inline-flex;
flex-wrap: wrap;
place-items: center;
}
:where(.tf_flx),
.tf_swiper-wrapper {
display: flex;
}
.tf_fa,
:is(em, i) tf-lottie {
display: inline-block;
vertical-align: middle;
}
.tf_fa {
width: 1em;
height: 1em;
stroke-width: 0;
stroke: currentColor;
overflow: visible;
fill: currentColor;
pointer-events: none;
}
/* source: animate.min.css */
@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes pulse{0%,to{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes tada{0%,to{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}}@keyframes wobble{0%,to{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0);animation-timing-function:ease-in}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.animated{animation-duration:var(--tf_anim_dur,1s)}.rotateInDownLeft,.rotateInUpLeft,.rotateOutDownLeft,.rotateOutUpLeft{transform-origin:left bottom}.rotateInDownRight,.rotateInUpRight,.rotateOutDownRight,.rotateOutUpRight{transform-origin:right bottom}.bounce{transform-origin:center bottom}.swing{transform-origin:top center}.jello,.rotateIn,.rotateOut{transform-origin:center}.bounceIn,.bounceOut,.flipOutX,.flipOutY{animation-duration:var(--tf_anim_dur,.75s)}.animated.flip,.flipInX,.flipInY,.flipOutX,.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important}.lightSpeedIn{animation-timing-function:ease-out}.lightSpeedOut{animation-timing-function:ease-in}
/* source: builder-responsive.css */
/**
* Themify Ultra responsive visibility classes.
* Matches live site inline rules (tb_inline_styles) so WordPress
* desktop/mobile module duplicates show only one variant per breakpoint.
*
* Breakpoints (themify_vars):
* mobile: <= 680px
* tablet: 681px – 768px
* tablet_landscape: 769px – 1280px
* desktop: >= 1281px
*/
@media (max-width: 680px) {
.hide-mobile {
width: 0 !important;
height: 0 !important;
padding: 0 !important;
visibility: hidden !important;
margin: 0 !important;
display: table-column !important;
background: 0 !important;
content-visibility: hidden;
overflow: hidden !important;
}
}
@media (min-width: 681px) and (max-width: 768px) {
.hide-tablet {
width: 0 !important;
height: 0 !important;
padding: 0 !important;
visibility: hidden !important;
margin: 0 !important;
display: table-column !important;
background: 0 !important;
content-visibility: hidden;
overflow: hidden !important;
}
}
@media (min-width: 769px) and (max-width: 1280px) {
.hide-tablet_landscape {
width: 0 !important;
height: 0 !important;
padding: 0 !important;
visibility: hidden !important;
margin: 0 !important;
display: table-column !important;
background: 0 !important;
content-visibility: hidden;
overflow: hidden !important;
}
}
@media (min-width: 1281px) {
.hide-desktop {
width: 0 !important;
height: 0 !important;
padding: 0 !important;
visibility: hidden !important;
margin: 0 !important;
display: table-column !important;
background: 0 !important;
content-visibility: hidden;
overflow: hidden !important;
}
}
/* source: builder-effects.css */
/**
* Themify builder motion + carousel styles (from live tb_inline_styles)
*/
.tb_animation_on {
overflow-x: hidden;
}
.themify_builder .wow {
visibility: hidden;
animation-fill-mode: both;
}
/* Studio headline: no wow hide/slide — prevents left jump before sticky locks */
.themify_builder_content-22 .tb_bkry574.wow {
visibility: visible !important;
animation: none !important;
transform: none !important;
opacity: 1 !important;
}
[data-tf-animation] {
will-change: transform, opacity, visibility;
}
.themify_builder .tf_lax_done {
transition-duration: 0.8s;
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
[data-sticky-active].tb_sticky_scroll_active {
z-index: 1;
}
/* Prevent builder sticky modules from floating over header on phones/tablets */
@media (max-width: 1023px) {
.tb_sticky_scroll_active {
position: static !important;
width: auto !important;
top: auto !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
}
.tb_sticky_scroll_active + *,
[data-sticky-active] {
min-height: 0 !important;
}
}
[data-sticky-active].tb_sticky_scroll_active .hide-on-stick {
display: none;
}
/* Swiper / carousel */
.tf_swiper-container {
overflow: hidden;
position: relative;
}
.tf_swiper-wrapper {
display: flex;
transition: transform 0.6s ease;
}
.tf_swiper-slide {
flex-shrink: 0;
width: 100%;
}
.tf_swiper-slide.is-active {
opacity: 1;
}
/* Inline video modules */
.wp-video-shortcode[data-hide-controls],
video[data-hide-controls] {
pointer-events: none;
}
video[data-hide-controls]::-webkit-media-controls {
display: none !important;
}
/* Lightbox */
.tf-lightbox-overlay {
position: fixed;
inset: 0;
z-index: 99999;
background: rgba(0, 0, 0, 0.92);
display: flex;
align-items: center;
justify-content: center;
padding: 2rem;
cursor: zoom-out;
}
.tf-lightbox-overlay img {
max-width: min(95vw, 1400px);
max-height: 90vh;
width: auto;
height: auto;
object-fit: contain;
}
/* ── Contact form response + Turnstile slot ── */
.n92-form-response {
font-size: 0.85rem;
font-weight: 700;
color: #7ac943;
margin-top: 0.75rem;
}
.n92-form-response.is-error {
color: #ff3377;
}
.n92-turnstile-slot {
margin-top: 0.5rem;
}
/* source: home-inline.css */
.tf_lax_done.tf_rel {
filter: none !important;
}
.module.module-image.tb_7sc4291.image-top.tf_mw.tb_sticky_scroll_active {
position: unset !important;
}
.module.module-image.tb_zomo44.image-center.tf_mw.tb_sticky_scroll_active {
position: unset !important;
display: none;
}
@media only screen and (max-width: 769px) {
.mhide{display:none}
.bebot img{width:200px !important}
.module.module-image.tb_gh6o837.image-center.tf_mw.tb_sticky_scroll_active {
position: unset !important;
}
.tb_zomo44 img {
display: none;
}
.postid-2222 .tb_hedl925, .postid-2222 .tb_mldf926, .tb_e4mq552, .tb_m2vk553, .tb_uihi957, .tb_lev620, .tb_424i858, .tb_z3br187, .tb_yqmw465, .tb_gh6o837, .tb_9rj6134 {
display: none !important;
}
.tb_3lne129, .tb_cavj44, .tb_zomo44, .tb_rr4x291 {
position: unset !important;
}
}
.module.module-menu.tb_johk553.jokhim.mobile-menu-slide.tb_sticky_scroll_active {
position: unset !important;
}
.radius-3 a.ui.builder_button.tf_in_flx.transparent {
border: 2px solid;
}
div#quote-2-2, .tb_3jnc26, div#quote-2-2-2, .tb_o24x763, .tb_w5wz617, .tb_awlw821, .tb_u26d662 {
z-index: 1;
}
.tb_8dpr398 .module-social-share-wrapper {
position: fixed;
top: 50%;
z-index: 200;
border-radius: 10px;
right: 10px;
transform: translateY(-50%);
}
.tb_8dpr398 .ss_anchor_wrap a {
color: #ff3377;
font-size: 20px;
}
/* Learn More button Responsive */
@media (max-width :767px)
{
.themify_builder_content-22 .tb_93jn741.module-buttons .module-buttons-item, .themify_builder_content-22 .tb_93jn741.module-buttons .module-buttons-item a{
display :block;
width :100% !important;
}
}
@media (min-width:767px){ .bottle{
margin-top :-25em !important
}
}
/*New css global */
@media (max-width : 1024px){
h1 {
font-size :60px !important;
}
.themify_builder_content-28374 .tb_9sw4602.module-text{
padding :0px !important;
}
}
.divider-custom{
margin-top :0px !important;
}
input[type="submit"]{
background :#ff0062;
}
.wpforms-submit{
background-color : #ff578f !important;
}
@media (min-width: 681px) {
.themify_builder_content-22 .tb_tus0999 > .row_inner {
max-width: min(1400px, 100%) !important;
width: 100%;
}
.themify_builder_content-22 .tb_v8o1293.module_subrow {
align-items: flex-start !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
gap: clamp(1.25rem, 2.8vw, 2.25rem);
grid-template-areas: none !important;
justify-content: flex-start !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
}
.themify_builder_content-22 .tb_v8o1293 > .module_column.sub_column {
align-content: flex-start !important;
align-items: flex-start !important;
align-self: flex-start !important;
flex: 1 1 0 !important;
max-width: none !important;
min-width: 0 !important;
padding-top: 0 !important;
width: auto !important;
}
}
.themify_builder_content-22 .tb_1u5x423.module-text,
.themify_builder_content-22 .tb_gual389.module-text,
.themify_builder_content-22 .tb_6wbo939.module-text {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/*
* Vertical rhythm: margins only (no flex on .tb_text_wrap — flex broke Global Style pink h4::after bars).
*/
.themify_builder_content-22 .tb_v8o1293 .tb_1u5x423.module-text .tb_text_wrap,
.themify_builder_content-22 .tb_v8o1293 .tb_gual389.module-text .tb_text_wrap,
.themify_builder_content-22 .tb_v8o1293 .tb_6wbo939.module-text .tb_text_wrap {
display: block !important;
}
.themify_builder_content-22 .tb_v8o1293 .tb_1u5x423.module-text .tb_text_wrap > h4,
.themify_builder_content-22 .tb_v8o1293 .tb_gual389.module-text .tb_text_wrap > h4,
.themify_builder_content-22 .tb_v8o1293 .tb_6wbo939.module-text .tb_text_wrap > h4 {
margin: -10px -10px 0.5rem !important;
padding: 10px !important;
}
.themify_builder_content-22 .tb_v8o1293 .tb_1u5x423.module-text .tb_text_wrap > p,
.themify_builder_content-22 .tb_v8o1293 .tb_gual389.module-text .tb_text_wrap > p,
.themify_builder_content-22 .tb_v8o1293 .tb_6wbo939.module-text .tb_text_wrap > p {
margin: 0 !important;
padding: 0 !important;
}
.themify_builder_content-22 .tb_v8o1293 .tb_1u5x423.module-text p > br:first-child,
.themify_builder_content-22 .tb_v8o1293 .tb_gual389.module-text p > br:first-child {
display: none !important;
}
.themify_builder_content-22 .tb_v8o1293 .tb_1u5x423.module-text p strong:first-of-type br {
display: none !important;
}
.themify_builder_content-22 .tb_v8o1293 .tb_1u5x423.module-text p > strong:first-of-type + br,
.themify_builder_content-22 .tb_v8o1293 .tb_gual389.module-text p > strong:first-of-type + br {
display: none !important;
}
.themify_builder_content-22 .tb_v8o1293 .tb_1u5x423.module-text p > strong:first-of-type,
.themify_builder_content-22 .tb_v8o1293 .tb_gual389.module-text p > strong:first-of-type,
.themify_builder_content-22 .tb_v8o1293 .tb_6wbo939.module-text p > strong:first-of-type {
display: block !important;
margin-bottom: 0.4rem !important;
}
@media (max-width: 680px) {
.themify_builder_content-22 .tb_tus0999.module_row {
padding-left: 0 !important;
padding-right: 0 !important;
}
.themify_builder_content-22 .tb_v8o1293.module_subrow {
align-items: stretch !important;
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
grid-template-areas: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
}
.themify_builder_content-22 .tb_v8o1293 > .module_column.sub_column {
flex: 0 0 auto !important;
max-width: 100% !important;
min-width: 0 !important;
width: 100% !important;
}
}
/* === merged from home-fixes.css === */
* Homepage parity fixes — buttons, h4 underlines, video width, sticky, menu
*/
/* ── h4 pink underline (Global Style uses padding/margin for gradient position) ── */
.themify_builder_content-22 .tb_v8o1293 .tb_1u5x423.module-text .tb_text_wrap > h4,
.themify_builder_content-22 .tb_v8o1293 .tb_gual389.module-text .tb_text_wrap > h4,
.themify_builder_content-22 .tb_v8o1293 .tb_6wbo939.module-text .tb_text_wrap > h4,
.themify_builder_content-22 .tb_wx2l238.module-text .tb_text_wrap > h4,
.themify_builder_content-22 .tb_jfj8995.module-text h4,
.themify_builder_content-22 .tb_ea55522.module-text h4,
.themify_builder_content-22 a.linkHomepage {
display: inline !important;
padding: 10px !important;
margin: -10px !important;
background-image: linear-gradient(rgba(255, 51, 119, 1), rgba(255, 51, 119, 1)) !important;
background-position: bottom 9px right -20px !important;
background-size: 100% 20% !important;
background-repeat: no-repeat !important;
}
.themify_builder_content-22 .tb_v8o1293 .tb_1u5x423.module-text .tb_text_wrap > h4,
.themify_builder_content-22 .tb_v8o1293 .tb_gual389.module-text .tb_text_wrap > h4,
.themify_builder_content-22 .tb_v8o1293 .tb_6wbo939.module-text .tb_text_wrap > h4 {
margin-bottom: 0.5rem !important;
}
/* Button rules: see home-fixes.css */
/* ── Real-world execution video — full width ── */
.themify_builder_content-22 .tb_73sg859 .video-wrap-outer,
.themify_builder_content-22 .tb_tgu5624 .video-wrap-outer {
max-width: 100% !important;
width: 100% !important;
}
.themify_builder_content-22 .tb_73sg859 .wp-video,
.themify_builder_content-22 .tb_tgu5624 .wp-video {
width: 100% !important;
max-width: 100% !important;
}
.themify_builder_content-22 .tb_73sg859 .wp-video video,
.themify_builder_content-22 .tb_tgu5624 .wp-video video {
width: 100% !important;
height: auto !important;
display: block;
object-fit: cover;
}
/* Work grid alignment: see home-fixes.css */
/* Site menu: see /styles/site-menu.css */
/* Multi-line h4 underline fix */
.themify_builder_content-22 .tb_wx2l238.module-text h4,
.themify_builder_content-22 .tb_jfj8995.module-text h4 a {
box-decoration-break: clone !important;
-webkit-box-decoration-break: clone !important;
line-height: 1.3 !important;
}
/* source: home-fixes.css */
/**
* Homepage parity fixes — buttons, h4 underlines, video width, sticky, menu
*/
/* ── Header bar color: site-shell.css (#111 closed, pink when menu open) ── */
/* Hero pulls under fixed header (live themify uses negative margin) */
body.transparent-header .customRowHome.tb_lpqr573,
body.transparent-header .tb_lpqr573.customRowHome {
margin-top: -40px !important;
}
/* Breathing room above "we are your brand powerhouse" */
.themify_builder_content-22 .tb_3twq573.module-text {
padding-top: clamp(28px, 5vh, 64px) !important;
}
/* ── Hero headline word reveal ── */
.n92-reveal-mask {
display: inline-block;
overflow: hidden;
vertical-align: bottom;
padding-bottom: 0.12em;
margin-bottom: -0.12em;
}
.n92-reveal-word {
display: inline-block;
transform: translateY(112%);
animation: n92-word-up 0.75s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@keyframes n92-word-up {
to {
transform: translateY(0);
}
}
/* ── Homepage house-rise entrances (replaces WOW/Lax on home) ── */
.themify_builder_content-22 .n92-rise {
opacity: 1;
transform: none;
filter: none;
transition:
opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
filter 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
html.n92-motion-ready .themify_builder_content-22 .n92-rise:not(.n92-rise--in):not(.n92-rise--static) {
opacity: 0;
transform: translateY(36px);
filter: blur(6px);
will-change: opacity, transform, filter;
}
.themify_builder_content-22 .n92-rise.n92-rise--in,
.themify_builder_content-22 .n92-rise.n92-rise--static {
opacity: 1;
transform: translateY(0);
filter: blur(0);
}
/* ── System to Street section labels ── */
.themify_builder_content-22 .n92-system-label,
.themify_builder_content-22 .n92-street-label {
margin: 0 0 0.65rem !important;
padding: 0 !important;
font-family: gilroy, "proxima-nova", sans-serif !important;
font-size: var(--n92-eyebrow) !important;
font-weight: 800 !important;
letter-spacing: 0 !important;
line-height: 1.2 !important;
color: #ff3377 !important;
text-transform: lowercase;
}
.themify_builder_content-22 .n92-street-label {
color: #7ac943 !important;
}
/* ── Fluid homepage display type ── */
.themify_builder_content-22 .tb_3twq573 h1 {
font-size: var(--n92-display-1) !important;
line-height: 0.95em !important;
}
.themify_builder_content-22 .tb_bkry574 h2 {
font-size: var(--n92-display-1) !important;
line-height: 0.9em !important;
}
.themify_builder_content-22 .tb_lvsf441 h2,
.themify_builder_content-22 .n92-home-street-intro h2 {
font-size: var(--n92-display-2) !important;
}
.themify_builder_content-22 .tb_v8o1293 h3 {
font-size: var(--n92-display-3) !important;
}
/* ── Hero client logo row — stable, eager, no blur flash ── */
.themify_builder_content-22 .tb_0w1k61 .image-wrap img,
.themify_builder_content-22 .tb_chv2465 .image-wrap img {
display: block;
width: auto;
max-width: 100%;
max-height: 52px;
object-fit: contain;
opacity: 1 !important;
filter: none !important;
}
.themify_builder_content-22 .module-gallery .slide-image img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
}
.themify_builder_content-22 .module-gallery .slide-image img[alt=""] {
color: transparent;
}
/* ── Hero video: dark base + smoke focal point ── */
.themify_builder_content-22 .customRowHome.tb_lpqr573 {
background-color: #171717 !important;
}
.themify_builder_content-22 .customRowHome.tb_lpqr573 .tb-fullwidth-video {
object-fit: cover;
object-position: center top;
}
/* ── Hero video settle + static fallback ── */
.themify_builder_content-22 .customRowHome.n92-hero-video-settled .tb-fullwidth-video {
transform: scale(1.015);
opacity: 0.92;
transition:
transform 0.8s cubic-bezier(0.22, 1, 0.36, 1),
opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.themify_builder_content-22 .customRowHome.n92-hero-static {
background-color: #171717 !important;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
.themify_builder_content-22 .customRowHome.n92-hero-static .tb-fullwidth-video {
display: none;
}
@media (prefers-reduced-motion: reduce) {
.themify_builder_content-22 .n92-rise {
opacity: 1 !important;
transform: none !important;
filter: none !important;
transition: none !important;
}
.themify_builder_content-22 .customRowHome.n92-hero-video-settled .tb-fullwidth-video {
transform: none;
transition: none;
}
}
/* ── VIEW MORE band: arrow slides in on hover ── */
.themify_builder_content-22 .tb_7vdg110 .tb_text_wrap h3 a::after,
.themify_builder_content-22 .tb_l0qb624 .tb_text_wrap h3 a::after {
content: "→";
display: inline-block;
margin-left: 0.45em;
opacity: 0;
transform: translateX(-10px);
transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.themify_builder_content-22 .tb_yywi552.tb_link_outline:hover .tb_7vdg110 .tb_text_wrap h3 a::after,
.themify_builder_content-22 .tb_05o7624.tb_link_outline:hover .tb_l0qb624 .tb_text_wrap h3 a::after {
opacity: 1;
transform: translateX(0);
}
/* ── Newsletter response message ── */
.mc4wp-response {
font-size: 0.85rem;
font-weight: 700;
color: #7ac943;
margin-top: 0.5rem;
}
.mc4wp-response.is-error {
color: #ff3377;
}
/* ── Mobile/tablet header: contained logo ── */
@media (max-width: 1024px) {
#site-logo img.site-logo-image {
width: 118px !important;
max-width: 118px !important;
height: auto !important;
}
}
/* ── Capability headings — neutral default, pink on interaction only ── */
.themify_builder_content-22 .n92-home-light-band {
background-color: #efece8 !important;
color: #171717 !important;
}
.themify_builder_content-22 .n92-home-light-band .tb_text_wrap > h2,
.themify_builder_content-22 .n92-home-light-band .tb_text_wrap > h3,
.themify_builder_content-22 .n92-home-light-band .tb_text_wrap > h3 a,
.themify_builder_content-22 .n92-home-light-band .tb_text_wrap > p,
.themify_builder_content-22 .n92-home-light-band .n92-system-label {
color: #171717 !important;
background-image: none !important;
}
.themify_builder_content-22 .tb_v8o1293 .module-text .tb_text_wrap > h3 a {
color: #171717 !important;
background-image: none !important;
transition: color 0.2s ease;
}
@media (hover: hover) {
.themify_builder_content-22 .tb_v8o1293 .module-text .tb_text_wrap > h3 a:hover,
.themify_builder_content-22 .tb_v8o1293 .module-text .tb_text_wrap > h3 a:focus-visible {
color: #ff3377 !important;
background-image: linear-gradient(rgba(255, 51, 119, 1), rgba(255, 51, 119, 1)) !important;
background-position: bottom 9px right -20px !important;
background-size: 100% 20% !important;
background-repeat: no-repeat !important;
}
}
/* ── h4 pink underline (proof + closing CTA only) ── */
.themify_builder_content-22 .tb_v8o1293 .tb_1u5x423.module-text .tb_text_wrap > h4,
.themify_builder_content-22 .tb_v8o1293 .tb_gual389.module-text .tb_text_wrap > h4,
.themify_builder_content-22 .tb_v8o1293 .tb_6wbo939.module-text .tb_text_wrap > h4,
.themify_builder_content-22 .n92-home-street-intro.module-text h4,
.themify_builder_content-22 a.linkHomepage {
display: inline !important;
padding: 10px !important;
margin: -10px !important;
background-image: linear-gradient(rgba(255, 51, 119, 1), rgba(255, 51, 119, 1)) !important;
background-position: bottom 9px right -20px !important;
background-size: 100% 20% !important;
background-repeat: no-repeat !important;
}
.themify_builder_content-22 .tb_v8o1293 .tb_1u5x423.module-text .tb_text_wrap > h4,
.themify_builder_content-22 .tb_v8o1293 .tb_gual389.module-text .tb_text_wrap > h4,
.themify_builder_content-22 .tb_v8o1293 .tb_6wbo939.module-text .tb_text_wrap > h4 {
margin-bottom: 0.5rem !important;
}
/* ── Buttons: live themify sizing + hover bleed fix ── */
.themify_builder_content .module.module-buttons .module-buttons-item a.ui {
background-image: none !important;
}
/* Kill grey Themify default (.builder_button:hover → #f1f1f1) */
.themify_builder_content-22 .module.module-buttons .builder_button.transparent {
--tb_pr_bg: transparent;
--tb_pr_hover_bg: transparent;
--tb_pr_color: #efece8;
color: #efece8 !important;
}
.themify_builder_content-22 .module.module-buttons .builder_button.transparent:hover {
background-color: transparent !important;
color: #efece8 !important;
}
/* Live tb_inline_styles builder button padding */
.themify_builder_content .ui.builder_button {
padding: 0.525em 1.15em;
}
/* Hero START A PROJECT — live site 225px bordered module */
.themify_builder_content-22 .tb_jtgd2.module-buttons.module {
width: fit-content !important;
max-width: 14.0625rem !important; /* 225px */
display: inline-flex !important;
overflow: hidden;
box-sizing: border-box;
}
.themify_builder_content-22 .tb_jtgd2.module-buttons .module-buttons-item {
width: 100%;
max-width: 14.0625rem !important;
}
.themify_builder_content-22 .tb_jtgd2.module-buttons .module-buttons-item a {
width: 100%;
min-width: 0;
max-width: 14.0625rem !important;
box-sizing: border-box;
display: inline-flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: space-between !important;
gap: 0.35em;
padding: 0.525em 0.9em 0.525em 1.15em !important;
min-height: 0 !important;
height: auto !important;
text-align: left !important;
text-transform: uppercase;
white-space: nowrap !important;
background-color: transparent !important;
border: 0 !important;
line-height: 1.2;
overflow: hidden;
}
.themify_builder_content-22 .tb_jtgd2.module-buttons .module-buttons-item a em {
flex-shrink: 0;
margin: 0;
font-size: inherit;
line-height: 1;
color: #efece8 !important;
display: inline-flex;
align-items: center;
}
.themify_builder_content-22 .tb_jtgd2.module-buttons .module-buttons-item a em svg,
.themify_builder_content-22 .tb_jtgd2.module-buttons .module-buttons-item a em svg.tf_fa {
width: 9px;
height: 9px;
max-width: 9px;
max-height: 9px;
fill: #efece8 !important;
color: #efece8 !important;
}
/* VIEW OUR WORK — themify 198px bordered module; contained fill */
.themify_builder_content-22 .tb_z9in643.module-buttons.module,
.themify_builder_content-22 .tb_k98v637.module-buttons.module {
overflow: hidden;
}
.themify_builder_content-22 .tb_z9in643.module-buttons .module-buttons-item,
.themify_builder_content-22 .tb_k98v637.module-buttons .module-buttons-item {
width: 100%;
margin: 0 !important;
}
.themify_builder_content-22 .tb_z9in643.module-buttons .module-buttons-item a,
.themify_builder_content-22 .tb_k98v637.module-buttons .module-buttons-item a {
width: 100%;
box-sizing: border-box;
padding: 0.525em 1.15em !important;
min-height: 0 !important;
height: auto !important;
justify-content: center !important;
background-color: transparent !important;
border: 0 !important;
}
/* Bottom pill CTA — outline pill; fill pink on hover */
.themify_builder_content-22 .tb_y243238.module-buttons.module {
background-color: transparent !important;
background-image: none !important;
overflow: hidden;
}
.themify_builder_content-22 .tb_y243238.module-buttons .module-buttons-item {
width: 100%;
}
.themify_builder_content-22 .tb_y243238.module-buttons .module-buttons-item a {
width: 100%;
box-sizing: border-box;
padding: 0.525em 1.15em !important;
min-height: 0 !important;
height: auto !important;
border-radius: 15px !important;
transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
}
/* Secondary conversion paths — under the bottom "START A PROJECT" CTA */
.n92-home-secondary-cta {
margin: 0.85rem 0 0 !important;
font-size: 0.78rem !important;
line-height: 1.5 !important;
letter-spacing: 0.02em;
color: rgba(239, 236, 232, 0.5) !important;
text-align: center;
}
.n92-home-secondary-cta a {
color: #ff3377 !important;
font-weight: 700;
text-decoration: none;
}
.n92-home-secondary-cta a:hover {
color: #efece8 !important;
}
/* Studio copy → button spacing */
.themify_builder_content-22 .tb_4h9q716.module-text {
margin-bottom: 10px !important;
}
.themify_builder_content-22 .tb_z9in643.module-buttons {
margin-top: 0 !important;
}
/* Creative studio — sticky tops align: "your" ↔ "BUILT FOR VISIBILITY…" */
@media (min-width: 1024px) {
.themify_builder_content-22 .tb_h4e3164 > .row_inner,
.themify_builder_content-22 .tb_zddw716 > .row_inner {
--col: 1.147fr 0.853fr !important;
align-items: flex-start !important;
}
/* Reserve clearance so the fixed right-side section nav (~1025px+) never
overlaps the sticky "one accountable partner" copy block. */
.themify_builder_content-22 .tb_zddw716 > .row_inner {
padding-right: 190px !important;
box-sizing: border-box !important;
}
.themify_builder_content-22 .tb_zddw716 {
padding-top: 0 !important;
margin-top: 0 !important;
}
.themify_builder_content-22 .tb_bkry574.module-text,
.themify_builder_content-22 .tb_4jk2458 {
margin-top: 0 !important;
padding-top: 0 !important;
}
.themify_builder_content-22 .tb_4h9q716.module-text .tb_text_wrap > p:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
.themify_builder_content-22 .tb_bkry574.module-text .tb_text_wrap > h2:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
.themify_builder_content-22 .tb_bkry574.module-text {
padding-bottom: 0 !important;
}
.themify_builder_content-22 .n92-studio-zone {
position: relative;
overflow: visible;
}
.themify_builder_content-22 .n92-studio-zone .tb_h4e3164 {
padding-top: 5% !important;
padding-bottom: 0 !important;
}
.themify_builder_content-22 .n92-studio-zone .tb_zddw716 {
padding-top: 0 !important;
}
/* Headline + copy both run Themify sticky with the same 180px axis and the
same unstick row — they meet at the top of "your", lock, release together */
.themify_builder_content-22 .tb_bkry574.tb_sticky_scroll_active,
.themify_builder_content-22 .tb_4jk2458.tb_sticky_scroll_active {
z-index: 1;
}
/* No dwell: the moment the copy catches the axis, the pair releases and
continues with the page — nothing scrolls up underneath a paused block */
.themify_builder_content-22 .tb_q3ob631,
.themify_builder_content-22 .tb_hic2943,
.themify_builder_content-22 .tb_tus0999,
.themify_builder_content-22 .tb_yd6h158,
.themify_builder_content-22 .n92-home-street-intro-row,
.themify_builder_content-22 .tb_1cr0573,
.themify_builder_content-22 .tb_h08k624,
.themify_builder_content-22 .n92-home-street-work-cta {
position: relative;
z-index: 5;
}
}
@media (max-width: 1023px) {
.themify_builder_content-22 .tb_bkry574.module-text {
position: static !important;
transform: none !important;
}
}
/* Sticky headline wrappers must not clip multi-line h2s */
.themify_builder_content-22 .tb_sticky_wrapper {
overflow: visible;
}
@media (hover: hover) {
.themify_builder_content-22 .tb_jtgd2.module-buttons.module:hover,
.themify_builder_content-22 .tb_z9in643.module-buttons.module:hover,
.themify_builder_content-22 .tb_93jn741.module-buttons.module:hover,
.themify_builder_content .module.module-buttons.solid:not(.tb_y243238):hover,
.themify_builder_content-22 .module.module-buttons.solid:has(.module-buttons-item a:hover),
.themify_builder_content-22 .module.module-buttons.solid:has(.module-buttons-item:hover) {
background-color: #ff3377 !important;
background-image: none !important;
}
.themify_builder_content-22 .tb_jtgd2.module-buttons.module:hover .module-buttons-item a,
.themify_builder_content-22 .tb_z9in643.module-buttons.module:hover .module-buttons-item a,
.themify_builder_content
.module.module-buttons.solid:not(.tb_y243238):hover
.module-buttons-item
a.ui.transparent {
background-color: transparent !important;
background-image: none !important;
color: #efece8 !important;
}
.themify_builder_content-22 .tb_jtgd2.module-buttons:hover .module-buttons-item a em,
.themify_builder_content-22 .tb_jtgd2.module-buttons:hover .module-buttons-item a em svg {
color: #efece8 !important;
fill: #efece8 !important;
}
.themify_builder_content-22 .tb_y243238.module-buttons.module:hover,
.themify_builder_content-22 .tb_y243238.module-buttons .module-buttons-item a.ui.transparent:hover,
.themify_builder_content-22 .tb_y243238.module-buttons:hover .module-buttons-item a.ui.transparent,
.themify_builder_content-22 .tb_y243238.module-buttons .module-buttons-item:hover a.ui.transparent {
background-color: #ff3377 !important;
background-image: none !important;
border-color: #fff !important;
color: #fff !important;
}
.themify_builder_content .module.module-buttons:not(.solid):has(.module-buttons-item a.ui.transparent):hover {
background-color: transparent !important;
background-image: none !important;
}
.themify_builder_content .module.module-buttons:not(.solid) .module-buttons-item a.ui.transparent:hover,
.themify_builder_content .module.module-buttons:not(.solid):hover .module-buttons-item a.ui.transparent,
.themify_builder_content .module.module-buttons:not(.solid) .module-buttons-item:hover a.ui.transparent {
background-color: #ff3377 !important;
background-image: none !important;
color: #fff !important;
}
}
/* ── Real-world execution video — full column width (flush with text margins) ── */
.themify_builder_content-22 .tb_73sg859 .video-wrap-outer,
.themify_builder_content-22 .tb_tgu5624 .video-wrap-outer {
max-width: 100% !important;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.themify_builder_content-22 .tb_73sg859 .wp-video,
.themify_builder_content-22 .tb_tgu5624 .wp-video {
width: 100% !important;
max-width: 100% !important;
}
.themify_builder_content-22 .tb_73sg859 .wp-video video,
.themify_builder_content-22 .tb_tgu5624 .wp-video video {
width: 100% !important;
height: auto !important;
display: block;
object-fit: cover;
}
.themify_builder_content-22 .tb_73sg859.module-video,
.themify_builder_content-22 .tb_tgu5624.module-video {
margin-bottom: 0;
padding-bottom: 19px;
}
.themify_builder_content-22 .tb_d9fs186.module-gallery,
.themify_builder_content-22 .tb_aq4a352.module-gallery {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
/* Real-world execution — work grid alignment (video → tiles → VIEW MORE) */
.themify_builder_content-22 .tb_73sg859.module-video,
.themify_builder_content-22 .tb_tgu5624.module-video {
margin-bottom: 0 !important;
padding-bottom: 15px !important;
}
.themify_builder_content-22 .tb_lf7f637,
.themify_builder_content-22 .tb_frmm3 {
--gutter: 15px;
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Work tiles + VIEW MORE — same width as headline copy above */
.themify_builder_content-22 .tb_lf7f637,
.themify_builder_content-22 .tb_frmm3,
.themify_builder_content-22 .tb_o4os881,
.themify_builder_content-22 .tb_4fed624 {
max-width: 100% !important;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.themify_builder_content-22 .tb_lf7f637 .module_column,
.themify_builder_content-22 .tb_frmm3 .module_column {
align-self: stretch !important;
}
.themify_builder_content-22 .tb_d9fs186 .slide-image img,
.themify_builder_content-22 .tb_aq4a352 .slide-image img {
width: 100% !important;
aspect-ratio: 569 / 350;
height: auto !important;
object-fit: cover;
display: block;
}
.themify_builder_content-22 .tb_d9fs186 .tf_swiper-pagination,
.themify_builder_content-22 .tb_aq4a352 .tf_swiper-pagination {
position: absolute !important;
bottom: 8px !important;
left: 0 !important;
right: 0 !important;
margin: 0 !important;
}
.themify_builder_content-22 .tb_ozw4317 {
display: none !important;
}
.themify_builder_content-22 .tb_o4os881 {
margin-top: 15px !important;
padding-top: 0 !important;
}
/* Work CTA — editorial link, not full-width billboard */
.themify_builder_content-22 .tb_o4os881 {
margin-top: 1.5rem !important;
padding-top: 0 !important;
background: transparent !important;
}
.themify_builder_content-22 .tb_05o7624.module_column,
.themify_builder_content-22 .tb_yywi552.tb_link_outline {
background: transparent !important;
}
.themify_builder_content-22 .tb_7vdg110.module-text,
.themify_builder_content-22 .tb_l0qb624.module-text {
background-color: transparent !important;
background-image: none !important;
text-align: center;
}
.themify_builder_content-22 .tb_7vdg110.module-text .tb_text_wrap h3,
.themify_builder_content-22 .tb_l0qb624.module-text .tb_text_wrap h3 {
margin: 0 !important;
padding: 0 !important;
}
.themify_builder_content-22 .tb_7vdg110.module-text .tb_text_wrap h3 a,
.themify_builder_content-22 .tb_l0qb624.module-text .tb_text_wrap h3 a {
display: inline-flex !important;
align-items: center;
gap: 0.45em;
font-family: gilroy, "Proxima Nova", sans-serif;
font-size: clamp(1rem, 1.6vw, 1.15rem) !important;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: lowercase;
color: #efece8 !important;
text-decoration: none;
padding: 0.65em 1.25em !important;
border: 1px solid rgba(239, 236, 232, 0.35);
border-radius: 999px;
transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
.themify_builder_content-22 .tb_7vdg110.module-text .tb_text_wrap h3 a:hover,
.themify_builder_content-22 .tb_l0qb624.module-text .tb_text_wrap h3 a:hover,
.themify_builder_content-22 .tb_7vdg110.module-text .tb_text_wrap h3 a:focus-visible,
.themify_builder_content-22 .tb_l0qb624.module-text .tb_text_wrap h3 a:focus-visible {
color: #171717 !important;
background-color: #efece8 !important;
border-color: #efece8 !important;
}
/* Closing CTA — two-column layout without overlap */
.themify_builder_content-22 .tb_upml237 .tb_2p80238 {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: clamp(1.5rem, 4vw, 3rem);
align-items: start !important;
}
.themify_builder_content-22 .tb_upml237 .tb_bgbm238,
.themify_builder_content-22 .tb_upml237 .tb_uk4h238 {
width: 100% !important;
max-width: 100% !important;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.themify_builder_content-22 .tb_upml237 .tb_wx2l238.module-text h4 {
margin: 0 !important;
max-width: 12ch;
line-height: 1.15 !important;
background-image: none !important;
}
.themify_builder_content-22 .tb_upml237 .tb_y243238.module-buttons {
width: 100%;
max-width: 16rem;
}
.themify_builder_content-22 .tb_upml237 .n92-home-secondary-cta {
text-align: left !important;
max-width: 22rem;
margin-top: 0.75rem !important;
}
@media (max-width: 768px) {
.themify_builder_content-22 .tb_upml237 .tb_2p80238 {
grid-template-columns: 1fr;
}
}
/* Site menu: see /styles/site-menu.css */
/* Multi-line h4 underline fix */
.themify_builder_content-22 .n92-home-street-intro.module-text h4 a {
box-decoration-break: clone !important;
-webkit-box-decoration-break: clone !important;
line-height: 1.3 !important;
}
@media (max-width: 680px) {
.themify_builder_content-22 .tb_jtgd2.module-buttons .module-buttons-item a {
font-size: 0.72rem;
letter-spacing: 0.02em;
padding: 0.5em 0.85em !important;
}
}
/* ECD: editorial capability columns — rhythm over card grid */
.themify_builder_content-22 .tb_v8o1293 > .row_inner {
align-items: flex-start !important;
}
.themify_builder_content-22 .tb_v8o1293 .sub_column:not(.last) {
border-right: 1px solid rgba(23, 23, 23, 0.14);
}
.themify_builder_content-22 .tb_v8o1293 .module-text .tb_text_wrap > h3 {
margin: 0 !important;
font-size: clamp(1.25rem, 2.2vw, 1.75rem) !important;
line-height: 1.05 !important;
}
.themify_builder_content-22 .tb_v8o1293 .module-text .tb_text_wrap > p {
margin: 0.75rem 0 0 !important;
font-size: 0.9rem !important;
line-height: 1.45 !important;
max-width: 22em;
}
@media (max-width: 768px) {
.themify_builder_content-22 .tb_v8o1293 .sub_column:not(.last) {
border-right: none;
border-bottom: 1px solid rgba(23, 23, 23, 0.12);
padding-bottom: 1.35rem !important;
margin-bottom: 1.35rem !important;
}
}
/* source: home-culture.css */
/**
* Homepage culture block — values + stats tickers (from /about)
*/
.n92-culture-block-host {
width: 100%;
margin-bottom: clamp(2rem, 5vw, 3.5rem);
}
.n92-culture-block {
display: flex;
flex-direction: column;
gap: 1.5rem;
padding: 0 clamp(0.25rem, 2vw, 1rem);
}
.n92-culture-block__eyebrow {
font-size: 0.65rem;
letter-spacing: 0.14em;
text-transform: lowercase;
color: #ff3377;
margin: 0;
}
.n92-culture-block__values-ticker,
.n92-culture-block__logos-ticker {
overflow: hidden;
width: 100%;
mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.n92-culture-block__values-track {
display: flex;
gap: 2.5rem;
width: max-content;
animation: n92-values-ticker 42s linear infinite;
}
.n92-culture-block__value {
display: inline-flex;
flex-direction: column;
gap: 0.2rem;
min-width: 12rem;
color: #efece8;
}
.n92-culture-block__value strong {
font-family: gilroy, "Proxima Nova", sans-serif;
font-weight: 800;
font-size: 0.95rem;
text-transform: lowercase;
color: #ff3377;
}
.n92-culture-block__value span {
font-size: 0.78rem;
line-height: 1.35;
color: rgba(239, 236, 232, 0.65);
max-width: 14rem;
}
.n92-culture-block__stats {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1rem;
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding: 1.25rem 0;
}
.n92-culture-block__stat {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.n92-culture-block__stat-value {
font-family: gilroy, "Proxima Nova", sans-serif;
font-weight: 800;
font-size: clamp(1.5rem, 3vw, 2.25rem);
color: #efece8;
line-height: 1;
font-variant-numeric: tabular-nums;
display: block;
overflow: hidden;
height: 1.05em;
}
.n92-culture-block__stat-roll {
display: inline-block;
transform: translateY(calc(var(--n92-roll, 1) * 100%));
will-change: transform;
}
.n92-culture-block__stat-label {
font-size: 0.72rem;
letter-spacing: 0.06em;
text-transform: lowercase;
color: rgba(239, 236, 232, 0.55);
}
.n92-culture-block__logos-track {
display: flex;
align-items: center;
gap: 2.5rem;
width: max-content;
animation: n92-logos-ticker 36s linear infinite;
}
.n92-culture-block__logos-track img {
width: 56px;
height: 56px;
object-fit: contain;
opacity: 0.85;
filter: brightness(0) invert(1);
}
.n92-culture-block__link {
font-family: gilroy, "Proxima Nova", sans-serif;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: lowercase;
color: #ff3377;
text-decoration: none;
align-self: flex-start;
}
.n92-culture-block__link:hover {
color: #efece8;
}
@keyframes n92-values-ticker {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
/* Opposite direction from values row (values ←, logos →) */
@keyframes n92-logos-ticker {
from {
transform: translateX(-50%);
}
to {
transform: translateX(0);
}
}
@media (max-width: 900px) {
.n92-culture-block__stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 680px) {
.n92-culture-block__stats {
grid-template-columns: 1fr 1fr;
gap: 0.85rem;
}
.n92-culture-block__value {
min-width: 10rem;
}
}
@media (prefers-reduced-motion: reduce) {
.n92-culture-block__values-track,
.n92-culture-block__logos-track {
animation: none;
flex-wrap: wrap;
width: 100%;
}
.n92-culture-block__stat-roll {
transform: none;
}
}
/* source: site-menu.css */
/**
* Site menu — overlay open state only.
* Hamburger + close icon: themify.css (do not override).
* Header is a sibling of #pagewrap so fixed overlay + link clicks work.
*/
/* ── Page recede behind open menu (content only, not header) ── */
#pagewrap {
transition:
transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
filter 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
body.mobile-menu-visible #pagewrap {
transform: translateX(-4vw) scale(0.99);
filter: brightness(0.78);
}
body.mobile-menu-visible {
overflow: hidden !important;
}
/* ── Full-screen pink overlay (beat .header-overlay cream from themify.css) ── */
body.mobile-menu-visible #headerwrap,
.mobile-menu-visible #headerwrap {
position: fixed !important;
inset: 0 !important;
width: 100vw !important;
max-width: 100vw !important;
height: 100dvh !important;
min-height: 100dvh !important;
z-index: 100000 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: #ff3377 !important;
background-color: #ff3377 !important;
}
body.mobile-menu-visible #headerwrap #mobile-menu.sidemenu-on {
background: transparent !important;
background-color: transparent !important;
}
.mobile-menu-visible #header {
height: 100%;
padding: 0 !important;
background: transparent !important;
}
.mobile-menu-visible .header-bar {
position: absolute !important;
top: 1.25em !important;
left: 1.25em !important;
z-index: 100003 !important;
}
.mobile-menu-visible #mobile-menu.sidemenu-on {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
position: relative !important;
width: 100% !important;
height: 100% !important;
left: 0 !important;
right: 0 !important;
transform: none !important;
perspective: none !important;
padding: 5em 0 2em !important;
box-sizing: border-box;
pointer-events: auto !important;
}
.mobile-menu-visible #mobile-menu .overlay-menu-sticky {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-height: 100% !important;
}
.mobile-menu-visible #main-nav-wrap {
margin: 0 !important;
padding: 0 !important;
}
.mobile-menu-visible #main-nav {
list-style: none !important;
margin: 1.5em auto 2em !important;
padding: 0 !important;
max-width: 360px !important;
width: 100% !important;
text-align: left !important;
pointer-events: auto !important;
}
.mobile-menu-visible #main-nav li {
display: block !important;
clear: both !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
pointer-events: auto !important;
}
.mobile-menu-visible #main-nav a,
.mobile-menu-visible #main-nav .current-menu-item > a,
.mobile-menu-visible #main-nav .current_page_item > a,
.mobile-menu-visible #main-nav .current-menu-item > a:hover,
.mobile-menu-visible #main-nav .current_page_item > a:hover {
font-family: gilroy, "Proxima Nova", sans-serif !important;
font-weight: 800 !important;
font-size: clamp(2rem, 5vw, 40px) !important;
line-height: 1.2 !important;
color: #ffffff !important;
background: none !important;
background-color: transparent !important;
border: none !important;
border-bottom: none !important;
box-shadow: none !important;
text-decoration: none !important;
display: block !important;
padding: 0.35em 0 !important;
margin: 0 !important;
width: 100% !important;
pointer-events: auto !important;
cursor: pointer !important;
}
.mobile-menu-visible #main-nav a:hover,
.mobile-menu-visible #main-nav a:focus-visible {
opacity: 0.85;
color: #ffffff !important;
background: none !important;
}
/* Close — use Themify X icon; only ensure visible when open */
#menu-icon-close {
display: none;
}
.mobile-menu-visible #menu-icon-close {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: fixed !important;
top: 1.25em !important;
right: 1.25em !important;
z-index: 100004 !important;
color: #fff !important;
pointer-events: auto !important;
cursor: pointer !important;
}
.mobile-menu-visible #menu-icon-close.tf_hide {
display: block !important;
}
.mobile-menu-visible .header-icons {
display: none !important;
}
@media (prefers-reduced-motion: reduce) {
#pagewrap {
transition: none !important;
}
body.mobile-menu-visible #pagewrap {
transform: none;
filter: none;
}
}
/* source: retention.css */
/* ── Page transitions ── */
@view-transition {
navigation: auto;
}
::view-transition-old(root) {
animation: n92-exit 0.22s ease both;
}
::view-transition-new(root) {
animation: n92-enter 0.32s ease both;
}
@keyframes n92-exit {
to { opacity: 0; }
}
@keyframes n92-enter {
from { opacity: 0; }
}
.n92-page-transitioning #pagewrap {
opacity: 0.92;
transition: opacity 0.2s ease;
}
/* ── Sticky CTA ── */
.n92-sticky-cta {
position: fixed;
bottom: 1.5rem;
right: 1.5rem;
z-index: 99990;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 0.5rem;
opacity: 0;
transform: translateY(1rem);
pointer-events: none;
transition:
opacity 0.35s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
.n92-sticky-cta.is-visible {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.n92-sticky-cta__primary {
display: inline-flex;
align-items: center;
padding: 0.75em 1.25em;
background: #ff3377;
color: #fff;
font-family: gilroy, "Proxima Nova", sans-serif;
font-weight: 800;
font-size: 0.82rem;
letter-spacing: normal;
text-decoration: none;
text-transform: lowercase;
border-radius: var(--n92-radius, 3px);
box-shadow: none;
transition: background 0.2s ease, opacity 0.2s ease;
}
.n92-sticky-cta__primary:hover {
background: #ff0062;
opacity: 0.92;
}
.n92-sticky-cta__guide {
font-family: gilroy, "Proxima Nova", sans-serif;
font-size: 0.68rem;
letter-spacing: normal;
text-transform: lowercase;
color: rgba(239, 236, 232, 0.6);
background: none;
border: none;
padding: 0;
cursor: pointer;
text-decoration: underline;
text-underline-offset: 0.25em;
}
.n92-sticky-cta__guide:hover {
color: rgba(239, 236, 232, 0.75);
}
/* ── Scroll chapters (site-wide) ── */
.n92-chapters {
position: fixed;
right: 1.5rem;
top: 50%;
transform: translateY(-50%);
z-index: 99980;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 0.9rem;
padding: 0.9rem 0.85rem 0.9rem 1.1rem;
border-radius: 10px;
opacity: 0;
pointer-events: none;
transition:
opacity 0.3s ease,
background 0.25s ease,
box-shadow 0.25s ease;
}
.n92-chapters.is-visible {
opacity: 1;
pointer-events: auto;
}
.n92-chapters--on-dark {
background: rgba(0, 0, 0, 0.42);
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(10px);
}
.n92-chapters--on-light {
background: rgba(255, 255, 255, 0.82);
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
backdrop-filter: blur(10px);
}
.n92-chapters__item {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
gap: 0.85rem;
background: none;
border: none;
cursor: pointer;
padding: 0.15rem 0.35rem;
border-radius: 3px;
color: rgba(239, 236, 232, 0.55);
transition: color 0.2s ease, background 0.2s ease;
}
.n92-chapters--on-light .n92-chapters__item {
color: rgba(30, 30, 30, 0.45);
}
.n92-chapters__item:hover,
.n92-chapters__item:focus-visible {
color: rgba(239, 236, 232, 0.8);
}
.n92-chapters--on-light .n92-chapters__item:hover,
.n92-chapters--on-light .n92-chapters__item:focus-visible {
color: rgba(30, 30, 30, 0.7);
}
.n92-chapters__label {
font-family: gilroy, "Proxima Nova", sans-serif;
font-size: 0.88rem;
font-weight: 700;
letter-spacing: normal;
text-transform: lowercase;
opacity: 0.65;
white-space: nowrap;
transition: opacity 0.2s ease, color 0.2s ease;
}
.n92-chapters--on-light .n92-chapters__label {
opacity: 0.55;
}
.n92-chapters__item:hover .n92-chapters__label,
.n92-chapters__item.is-active .n92-chapters__label {
opacity: 1;
}
.n92-chapters__item.is-active {
color: #ff3377;
background: rgba(255, 51, 119, 0.08);
}
.n92-chapters--on-light .n92-chapters__item.is-active {
color: #ff3377;
background: rgba(255, 51, 119, 0.1);
}
.n92-chapters__dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: currentColor;
transition: background 0.2s ease;
flex-shrink: 0;
}
.n92-chapters--on-light .n92-chapters__dot {
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}
.n92-chapters__item.is-active .n92-chapters__dot {
background: #ff3377;
box-shadow: none;
transform: none;
}
/* Services page — numbered section jumper */
.n92-chapters--numbered {
align-items: flex-end;
gap: 0.65rem;
}
.n92-chapters__caption {
font-family: gilroy, "Proxima Nova", sans-serif;
font-size: 0.58rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgba(239, 236, 232, 0.38);
margin-bottom: 0.35rem;
padding-right: 0.35rem;
}
.n92-chapters--numbered .n92-chapters__item {
flex-direction: row-reverse;
align-items: center;
gap: 0.55rem;
}
.n92-chapters--numbered .n92-chapters__label {
font-size: 0.95rem;
font-weight: 800;
letter-spacing: 0.08em;
opacity: 0.55;
min-width: 1.25rem;
text-align: right;
}
.n92-chapters--numbered .n92-chapters__hint {
font-family: gilroy, "Proxima Nova", sans-serif;
font-size: 0.62rem;
font-weight: 600;
letter-spacing: normal;
text-transform: lowercase;
color: rgba(239, 236, 232, 0.42);
white-space: nowrap;
transition: color 0.2s ease;
}
.n92-chapters--numbered .n92-chapters__item:hover .n92-chapters__hint,
.n92-chapters--numbered .n92-chapters__item.is-active .n92-chapters__hint {
color: rgba(239, 236, 232, 0.75);
}
.n92-chapters--numbered .n92-chapters__item.is-active .n92-chapters__label {
color: #ff3377;
opacity: 1;
}
/* ── Inline insights (Elmwood / Wolff Olins) ── */
.themify_builder_content-22 .tb_upml237 .tb_tkst237 {
display: flex;
flex-direction: column;
}
.n92-insights-inline-host {
width: 100%;
margin: 0;
padding: 0 0 2rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.n92-insights-inline {
padding: 0;
border-top: none;
max-width: 22rem;
}
.themify_builder_content-22 .tb_upml237 .tb_2p80238 {
padding-top: 2.5rem !important;
align-items: center !important;
--gutter: clamp(1.5rem, 4vw, 3rem);
}
.themify_builder_content-22 .tb_upml237 .tb_bgbm238 {
display: flex;
align-items: center;
}
.themify_builder_content-22 .tb_upml237 .tb_uk4h238 {
display: flex;
align-items: center;
justify-content: flex-end;
}
.themify_builder_content-22 .tb_upml237 .tb_y243238.module-buttons {
margin: 0 !important;
}
.n92-insights-inline__eyebrow {
font-size: 0.65rem;
letter-spacing: normal;
text-transform: lowercase;
color: #ff3377;
margin: 0 0 0.65rem;
}
.n92-insights-inline__link {
display: inline-flex;
align-items: baseline;
gap: 0.5rem;
text-decoration: none;
margin-bottom: 0.5rem;
}
.n92-insights-inline__title {
font-family: gilroy, "Proxima Nova", sans-serif;
font-weight: 800;
font-size: clamp(1.25rem, 2.5vw, 1.65rem);
color: #efece8;
line-height: 1.2;
transition: color 0.2s ease;
}
.n92-insights-inline__link:hover .n92-insights-inline__title {
color: #ff3377;
}
.n92-insights-inline__arrow {
color: #ff3377;
font-size: 1rem;
transition: transform 0.2s ease;
}
.n92-insights-inline__link:hover .n92-insights-inline__arrow {
transform: translateX(4px);
}
.n92-insights-inline__excerpt {
font-size: 0.88rem;
line-height: 1.5;
color: rgba(239, 236, 232, 0.6);
margin: 0 0 0.75rem;
max-width: 32rem;
}
.n92-insights-inline__more {
font-family: gilroy, "Proxima Nova", sans-serif;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: normal;
text-transform: lowercase;
color: rgba(239, 236, 232, 0.6);
text-decoration: underline;
text-underline-offset: 0.3em;
}
.n92-insights-inline__more:hover {
color: #ff3377;
}
/* ── Work tile hover preview — zoom + blur, centered text emphasis ── */
.n92-tile-preview-wrap {
position: relative;
overflow: hidden;
}
.n92-tile-preview-wrap img {
transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.n92-tile-preview-wrap:hover img,
.n92-tile-preview-wrap:focus-within img {
transform: scale(1.06);
}
.n92-tile-preview-overlay {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
gap: 0.1rem;
padding: 1.25rem;
background: rgba(0, 0, 0, 0.62);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
opacity: 0;
transition: opacity 0.35s ease;
pointer-events: none;
z-index: 2;
}
.n92-tile-preview-wrap:hover .n92-tile-preview-overlay,
.n92-tile-preview-wrap:focus-within .n92-tile-preview-overlay {
opacity: 1;
}
.n92-tile-preview-client {
font-family: gilroy, "Proxima Nova", sans-serif;
font-weight: 800;
font-size: 1.3rem;
color: #fff;
margin: 0;
text-transform: lowercase;
}
.n92-tile-preview-tagline {
font-size: 0.8rem;
color: rgba(239, 236, 232, 0.7);
margin: 0.2rem 0 0.45rem;
}
.n92-tile-preview-link {
font-size: 0.7rem;
font-weight: 700;
letter-spacing: normal;
color: #ff3377;
text-transform: lowercase;
}
/* ── Continue exploring rail ── */
.n92-explore-rail {
background: #0a0a0a;
border-top: 1px solid rgba(255, 255, 255, 0.08);
padding: 3.5rem clamp(1.5rem, 5vw, 4rem);
}
.n92-explore-rail__heading {
font-family: gilroy, "Proxima Nova", sans-serif;
font-weight: 800;
font-size: clamp(1.5rem, 3vw, 2rem);
color: #efece8 !important;
margin: 0 0 1.75rem;
text-transform: lowercase;
}
.n92-explore-rail__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1rem;
margin-bottom: 1.5rem;
}
.n92-explore-rail__card {
display: block;
text-decoration: none;
border: 1px solid rgba(255, 255, 255, 0.1);
overflow: hidden;
transition: border-color 0.2s ease, transform 0.2s ease;
}
.n92-explore-rail__card:hover {
border-color: #ff3377;
transform: translateY(-3px);
}
.n92-explore-rail__img {
width: 100%;
aspect-ratio: 16 / 10;
object-fit: cover;
display: block;
background: #1a1a1a;
}
.n92-explore-rail__meta {
padding: 0.85rem 1rem;
}
.n92-explore-rail__client {
font-family: gilroy, "Proxima Nova", sans-serif;
font-weight: 800;
font-size: 0.95rem;
color: #fff;
margin: 0;
}
.n92-explore-rail__service {
display: inline-flex;
margin-top: 1rem;
padding: 0.65em 1.1em;
background: transparent;
border: 1px solid #ff3377;
color: #ff3377;
font-family: gilroy, "Proxima Nova", sans-serif;
font-weight: 700;
font-size: 0.85rem;
text-decoration: none;
transition: background 0.2s ease, color 0.2s ease;
}
.n92-explore-rail__service:hover {
background: #ff3377;
color: #fff;
}
/* ── Capabilities map ── */
.n92-cap-map-trigger {
position: fixed;
left: 1.25rem;
top: 50%;
/* vertical-rl + 180° so label reads upward on the left edge */
transform: translateY(-50%) rotate(180deg);
z-index: 99975;
writing-mode: vertical-rl;
font-family: gilroy, "Proxima Nova", sans-serif;
font-size: 0.65rem;
letter-spacing: 0.075em;
text-transform: uppercase;
color: rgba(239, 236, 232, 0.5);
background: none;
border: none;
cursor: pointer;
padding: 0.5rem 0;
transition: color 0.2s ease;
}
.n92-cap-map-trigger:hover {
color: #ff3377;
}
.n92-cap-map {
position: fixed;
inset: 0;
z-index: 100010;
background: rgba(0, 0, 0, 0.92);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.35s ease, visibility 0.35s ease;
}
.n92-cap-map.is-open {
opacity: 1;
visibility: visible;
}
.n92-cap-map__inner {
position: relative;
width: min(90vw, 720px);
height: min(70vh, 520px);
}
.n92-cap-map__canvas {
position: absolute;
inset: 0;
}
.n92-cap-map__line {
stroke: rgba(239, 236, 232, 0.25);
stroke-width: 1;
}
.n92-cap-map__node {
position: absolute;
transform: translate(-50%, -50%);
background: none;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 999px;
padding: 0.55em 1em;
font-family: gilroy, "Proxima Nova", sans-serif;
font-weight: 800;
font-size: 0.85rem;
color: #fff;
cursor: pointer;
transition:
border-color 0.2s ease,
background 0.2s ease,
transform 0.2s ease;
}
.n92-cap-map__node:hover,
.n92-cap-map__node.is-active {
border-color: #ff3377;
background: rgba(255, 51, 119, 0.15);
transform: translate(-50%, -50%) scale(1.05);
}
.n92-cap-map__hub {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-family: gilroy, "Proxima Nova", sans-serif;
font-weight: 800;
font-size: 1.1rem;
color: #efece8;
pointer-events: none;
}
.n92-cap-map__panel {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 1.25rem;
background: rgba(10, 10, 10, 0.9);
border-top: 1px solid rgba(255, 255, 255, 0.1);
transform: translateY(100%);
transition: transform 0.3s ease;
}
.n92-cap-map__panel.is-visible {
transform: translateY(0);
}
.n92-cap-map__close {
position: absolute;
top: 1.25rem;
right: 1.25rem;
background: none;
border: none;
color: #fff;
font-size: 1.5rem;
cursor: pointer;
z-index: 2;
}
/* ── Project quiz ── */
.n92-quiz {
position: fixed;
inset: 0;
z-index: 100011;
background: rgba(0, 0, 0, 0.88);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.n92-quiz.is-open {
opacity: 1;
visibility: visible;
}
.n92-quiz__panel {
width: min(92vw, 480px);
background: #0a0a0a;
border: 1px solid rgba(255, 255, 255, 0.12);
padding: 2rem;
position: relative;
}
.n92-quiz__progress {
display: flex;
gap: 0.35rem;
margin-bottom: 1.5rem;
}
.n92-quiz__progress-dot {
flex: 1;
height: 3px;
background: rgba(255, 255, 255, 0.15);
border-radius: var(--n92-radius, 3px);
transition: background 0.2s ease;
}
.n92-quiz__progress-dot.is-done {
background: #ff3377;
}
.n92-quiz__question {
font-family: gilroy, "Proxima Nova", sans-serif;
font-weight: 800;
font-size: 1.35rem;
color: #fff;
margin: 0 0 1.25rem;
line-height: 1.25;
}
.n92-quiz__options {
display: flex;
flex-direction: column;
gap: 0.65rem;
}
.n92-quiz__option {
display: block;
width: 100%;
text-align: left;
padding: 0.85em 1em;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.15);
color: #efece8;
font-family: gilroy, "Proxima Nova", sans-serif;
font-size: 0.9rem;
cursor: pointer;
transition: border-color 0.2s ease, background 0.2s ease;
}
.n92-quiz__option:hover {
border-color: #ff3377;
background: rgba(255, 51, 119, 0.08);
}
.n92-quiz__result-title {
font-family: gilroy, "Proxima Nova", sans-serif;
font-weight: 800;
font-size: 1.5rem;
color: #ff3377;
margin: 0 0 0.75rem;
}
.n92-quiz__result-copy {
color: rgba(239, 236, 232, 0.8);
font-size: 0.9rem;
line-height: 1.5;
margin: 0 0 1.5rem;
}
.n92-quiz__cta {
display: inline-block;
padding: 0.85em 1.5em;
background: #ff3377;
color: #fff;
font-weight: 800;
text-decoration: none;
font-family: gilroy, "Proxima Nova", sans-serif;
border: none;
cursor: pointer;
width: 100%;
text-align: center;
text-transform: lowercase;
}
.n92-quiz__cta--button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.n92-quiz__input {
width: 100%;
box-sizing: border-box;
margin-bottom: 0.65rem;
padding: 0.75em 1em;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.18);
color: #efece8;
font-family: gilroy, "Proxima Nova", sans-serif;
font-size: 0.9rem;
}
.n92-quiz__input:focus {
outline: none;
border-color: #ff3377;
}
.n92-quiz__result-hint {
font-size: 0.85rem;
color: rgba(239, 236, 232, 0.6);
margin: 0 0 1rem;
}
.n92-quiz__error {
color: #ff6b9d;
font-size: 0.8rem;
margin: 0 0 0.75rem;
}
.n92-quiz__skip {
display: block;
margin-top: 1rem;
font-size: 0.75rem;
color: rgba(239, 236, 232, 0.6);
text-align: center;
text-decoration: underline;
}
.n92-quiz__close {
position: absolute;
top: 1rem;
right: 1rem;
background: none;
border: none;
color: rgba(255, 255, 255, 0.5);
font-size: 1.25rem;
cursor: pointer;
}
/* Remove legacy cursor-following glow on desktop and touch devices. */
.n92-cursor-glow,
.n92-cursor-glow--subtle,
.n92-cursor-glow--pink {
display: none !important;
}
#site-logo.n92-logo-pulse img {
animation: n92-logo-pulse 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes n92-logo-pulse {
0% { transform: scale(1); }
40% { transform: scale(1.06); }
100% { transform: scale(1); }
}
@media (max-width: 1024px), (hover: none), (pointer: coarse) {
.n92-chapters,
.n92-cap-map-trigger {
display: none !important;
}
}
/* Culture CTA + insights — stack on tablet/mobile */
@media (max-width: 768px) {
.themify_builder_content-22 .tb_upml237 .tb_2p80238 {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 1.25rem;
}
.themify_builder_content-22 .tb_upml237 .tb_bgbm238,
.themify_builder_content-22 .tb_upml237 .tb_uk4h238 {
width: 100% !important;
max-width: 100% !important;
justify-content: flex-start !important;
}
.n92-insights-inline {
max-width: none;
}
}
@media (max-width: 680px) {
.n92-sticky-cta {
bottom: max(1rem, env(safe-area-inset-bottom));
right: max(1rem, env(safe-area-inset-right));
}
.n92-sticky-cta__primary {
font-size: 0.78rem;
padding: 0.65em 1em;
}
.themify_builder_content-22 .tb_upml237 .tb_2p80238 {
--gutter: 1rem;
padding-top: 1.5rem !important;
}
.n92-insights-inline-host {
padding-bottom: 1.5rem;
}
}
@media (prefers-reduced-motion: reduce) {
.n92-sticky-cta,
.n92-chapters,
.n92-insights-inline,
.n92-tile-preview-overlay,
.n92-cap-map,
.n92-quiz {
transition: none !important;
animation: none !important;
}
.n92-cursor-glow {
display: none !important;
}
}
/* source: go-portfolio.css */
/* -------------------------------------------------------------------------------- /
Plugin Name: Go Portfolio - WordPress Responsive Portfolio
Author: Granth
Version: 1.8.3
+----------------------------------------------------+
TABLE OF CONTENTS
+----------------------------------------------------+
[1] SETUP
[2] LAYOUT
[3] FILTER
[4] PAGINATION
[5] SLIDER
[6] HEADER, MEDIA, OVERLAY
[7] POST CONTENT
[8] ISOTOPE PLUGIN
[9] MAGNIFIC POPUP
/ -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- /
[1] SETUP - General settings, clearfix, common classes
/ -------------------------------------------------------------------------------- */
.gw-gopf-no-trans * {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}
/* Clearfix */
.gw-gopf-clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.gw-gopf-clearfix {
display: inline-block;
} /* Hide from IE Mac \*/
.gw-gopf-clearfix {
display: block;
} /* End hide from IE Mac */
.gw-gopf-clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* In slider mode */
.gw-gopf .caroufredsel_wrapper {
margin: 0 !important;
overflow: visible !important;
}
/* Reset and set image */
.gw-gopf img {
border: none !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
-moz-box-shadow: none !important;
-o-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
display: inline-block !important;
height: auto !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}
.gw-gopf iframe {
width: 100%;
}
.gw-gopf-post-media-wrap iframe {
height: 100% !important;
left: 0;
position: absolute;
top: 0;
}
/* OTHER */
/* disable dotted outlines */
:focus {
outline: none !important;
}
::-moz-focus-inner {
border: none !important;
}
a {
outline: none !important;
}
/* remove tap highlight */
.gw-gopf * {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.gw-gopf-disable-trans {
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
-webkit-transition: none !important;
transition: none !important;
}
/* -------------------------------------------------------------------------------- /
[2] LAYOUT - Columns
/ -------------------------------------------------------------------------------- */
.gw-gopf-slider-type .gw-gopf-col-wrap {
display: none;
}
.gw-gopf-slider-type .gw-gopf-col-wrap:first-child {
display: block;
visibility: hidden;
}
/* Wrappers */
.gw-gopf-posts-wrap {
position: relative;
width: 100%;
-webkit-backface-visibility: hidden;
}
.gw-gopf-slider-type .gw-gopf-posts-wrap {
margin: -20px 0px;
padding: 20px 0px;
}
.gw-gopf-posts-wrap-inner {
position: relative;
}
.gw-gopf-posts {
margin-right: -10px;
width: 100% !important;
}
.gw-gopf-post-col {
position: relative;
}
/* Default colum widths */
.gw-gopf-col-wrap {
float: left;
letter-spacing: 0;
position: relative;
}
.gw-gopf-1col .gw-gopf-col-wrap {
width: 100%;
}
.gw-gopf-2cols .gw-gopf-col-wrap {
width: 50%;
}
.gw-gopf-3cols .gw-gopf-col-wrap {
width: 33.33%;
}
.gw-gopf-4cols .gw-gopf-col-wrap {
width: 25%;
}
.gw-gopf-5cols .gw-gopf-col-wrap {
width: 20%;
}
.gw-gopf-6cols .gw-gopf-col-wrap {
width: 16.66%;
}
.gw-gopf-7cols .gw-gopf-col-wrap {
width: 14.2857%;
}
.gw-gopf-8cols .gw-gopf-col-wrap {
width: 12.5%;
}
.gw-gopf-9cols .gw-gopf-col-wrap {
width: 11.11%;
}
.gw-gopf-10cols .gw-gopf-col-wrap {
width: 10%;
}
/* RTL */
.gw-gopf-rtl .gw-gopf-col-wrap {
float: right;
}
.gw-gopf-slider-type.gw-gopf-rtl .gw-gopf-col-wrap {
float: left;
}
/* opacity filtering */
.gw-gopf-filter-opacity .gw-gopf-col-wrap.gw-gopf-disabled:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
z-index: 5;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
-webkit-transition: none !important;
transition: none !important;
}
/* -------------------------------------------------------------------------------- /
[3] FILTER - Portfolio filter categories
/ -------------------------------------------------------------------------------- */
.gw-gopf-filter {
position: relative;
z-index: 1;
}
.gw-gopf-cats {
list-style: none;
display: block;
margin: -10px 0 0;
padding: 0;
position: relative;
}
.gw-gopf-cats > span {
background: none;
display: inline-block;
margin: 10px 0 0;
padding: 0;
}
.gw-gopf-cats > span.gw-gopf-hidden {
display: none;
}
/* Centered filter */
.gw-gopf-cats-centered .gw-gopf-cats {
text-align: center;
}
/* Right aligned filter */
.gw-gopf-cats-right .gw-gopf-cats {
text-align: right;
}
/* -------------------------------------------------------------------------------- /
[4] PAGINATION - Portfolio pagination
/ -------------------------------------------------------------------------------- */
.gw-gopf-pagination-wrapper {
position: relative;
display: none;
}
.gw-gopf-pagination {
list-style: none;
display: block;
margin: -10px 0 0 !important;
padding: 0;
position: relative;
}
.gw-gopf-pagination > span,
.gw-gopf-pagination > a {
background: none;
display: inline-block;
margin: 10px 0 0;
padding: 0;
}
/* Centered pagination */
.gw-gopf-pagination-centered .gw-gopf-pagination {
text-align: center;
}
/* Right aligned pagination */
.gw-gopf-pagination-right .gw-gopf-pagination {
text-align: right;
}
/* -------------------------------------------------------------------------------- /
[5] SLIDER - Slider arrows
/ -------------------------------------------------------------------------------- */
.gw-gopf-slider-controls-wrap {
margin: 0;
padding: 0;
position: relative;
width: 100%;
z-index: 1;
}
.gw-gopf-slider-controls > div {
background: none;
float: left;
margin: 0;
padding: 0;
text-align: center;
cursor: hand;
}
.gw-gopf-slider-controls > div:first-child {
margin-left: 0 !important;
}
/* Centered filter */
.gw-gopf-slider-controls-centered .gw-gopf-slider-controls {
float: left;
left: 50%;
position: relative;
}
.gw-gopf-slider-controls-centered .gw-gopf-slider-controls > div {
float: left;
position: relative;
right: 50%;
}
/* Right aligned filter */
.gw-gopf-slider-controls-right .gw-gopf-slider-controls {
float: right;
}
/* -------------------------------------------------------------------------------- /
[6] HEADER, MEDIA, OVERLAY
/ -------------------------------------------------------------------------------- */
.gw-gopf-post-header {
position: relative !important;
width: 100%;
}
.gw-gopf-post-media-wrap-outer {
opacity: 0;
-webkit-transition: all 0.2s linear;
transition: opacity 0.3s ease;
}
.gw-gopf-post-media-wrap {
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
height: auto;
overflow: hidden;
position: relative;
z-index: 1;
}
.gw-gopf-post-media-wrap img {
position: absolute;
width: auto;
left: 100%;
top: 0;
height: 100% !important;
min-width: 100% !important;
width: auto !important;
max-width: none !important;
opacity: 0;
}
@media print {
.gw-gopf-post-media-wrap img {
opacity: 1;
}
}
.gw-gopf-post-media-wrap img[data-orientation="portrait"] {
width: 100% !important;
min-height: 100% !important;
height: auto !important;
max-height: none !important;
}
.gw-gopf-post-media-wrap a {
border: none !important;
display: block;
position: relative;
}
/* Reset and set image */
.gw-gopf-post-media-wrap img.gw-gopf-fallback-img {
display: none !important;
position: absolute !important;
width: 100% !important;
}
/* Overlay */
.gw-gopf-post-overlay,
.gw-gopf-post-overlay-bg {
background: transparent;
display: none;
height: 100%;
filter: alpha(opacity=0); /* IE 5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
-khtml-opacity: 0; /* Safari 1.x */
-moz-opacity: 0; /* Netscape */
opacity: 0;
overflow: hidden;
-moz-transition: opacity 0.1s ease-in-out, height 0.1s 0.1s ease-in-out, top 0.1s 0.1s ease-in-out,
bottom 0.1s 0.1s ease-in-out;
-ms-transition: opacity 0.1s ease-in-out, height 0.1s 0.1s ease-in-out, top 0.1s 0.1s ease-in-out,
bottom 0.1s 0.1s ease-in-out;
-o-transition: opacity 0.1s ease-in-out, height 0.1s 0.1s ease-in-out, top 0.1s 0.1s ease-in-out,
bottom 0.1s 0.1s ease-in-out;
-webkit-transition: opacity 0.1s ease-in-out, height 0.1s 0.1s ease-in-out, top 0.1s 0.1s ease-in-out,
bottom 0.1s 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out, height 0.1s 0.1s ease-in-out, top 0.1s 0.1s ease-in-out,
bottom 0.1s 0.1s ease-in-out;
position: absolute;
text-align: center;
width: 100%;
z-index: 3;
}
.gw-gopf-has-overlay .gw-gopf-post-overlay,
.gw-gopf-touch .gw-gopf-has-overlay .gw-gopf-post-overlay-hover:hover .gw-gopf-post-overlay,
.gw-gopf-touch .gw-gopf-has-overlay .gw-gopf-post-header:hover .gw-gopf-post-overlay {
display: block;
}
.gw-gopf-post-overlay-bg {
display: block;
content: "";
left: 0;
filter: alpha(opacity=0); /* IE 5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
-khtml-opacity: 0; /* Safari 1.x */
-moz-opacity: 0; /* Netscape */
opacity: 0;
top: 0;
z-index: -1;
}
.gw-gopf-post-overlay-hover:hover .gw-gopf-post-overlay,
.gw-gopf-post-header:hover .gw-gopf-post-overlay,
.gw-gopf-touch .gw-gopf-current.gw-gopf-post .gw-gopf-post-overlay {
filter: alpha(opacity=100); /* IE 5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
-khtml-opacity: 1; /* Safari 1.x */
-moz-opacity: 1; /* Netscape */
opacity: 1;
-moz-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out;
}
.gw-gopf-post-overlay:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em; /* Adjusts for spacing */
}
/* Overlay inner */
.gw-gopf-post-overlay-inner,
.gw-gopf-touch .gw-gopf-post-overlay-hover:hover .gw-gopf-post-overlay-inner,
.gw-gopf-touch .gw-gopf-post-header:hover .gw-gopf-post-overlay-inner {
display: inline-block;
left: 1px;
padding-top: 20px;
position: relative;
text-align: center;
top: -40px;
-moz-transition: opacity 0s 0.1s ease-in-out, top 0s 0.1s ease-in-out, padding 0s 0.1s ease-in-out;
-ms-transition: opacity 0s 0.1s ease-in-out, top 0s 0.1s ease-in-out, padding 0s 0.1s ease-in-out;
-o-transition: opacity 0s 0.1s ease-in-out, top 0s 0.1s ease-in-out, padding 0s 0.1s ease-in-out;
-webkit-transition: opacity 0s 0.1s ease-in-out, top 0s 0.1s ease-in-out, padding 0s 0.1s ease-in-out;
transition: opacity 0s 0.1s ease-in-out, top 0s 0.1s ease-in-out, padding 0s 0.1s ease-in-out;
vertical-align: middle;
visibility: hidden;
}
.gw-gopf-post-overlay-hover:hover .gw-gopf-post-overlay-inner,
.gw-gopf-post-header:hover .gw-gopf-post-overlay-inner,
.gw-gopf-touch .gw-gopf-current.gw-gopf-post .gw-gopf-post-overlay-inner {
padding-top: 0;
top: -5px;
-moz-transition: opacity 0.3s ease-in-out, top 0.15s ease-in-out, padding 0.15s 0.1s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out, top 0.15s ease-in-out, padding 0.15s 0.1s ease-in-out;
-o-transition: opacity 0.3s ease-in-out, top 0.15s ease-in-out, padding 0.15s 0.1s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out, top 0.15s ease-in-out, padding 0.15s 0.1s ease-in-out;
transition: opacity 0.3s ease-in-out, top 0.15s ease-in-out, padding 0.15s 0.1s ease-in-out;
visibility: visible;
}
.gw-gopf-post-overlay-btn,
.gw-gopf-post-overlay-circle {
margin-top: 10px;
}
.gw-gopf-circle {
vertical-align: top;
}
.gw-gopf-circle img {
vertical-align: 0;
}
/* Overlay link */
.gw-gopf-post-overlay.gw-gopf-post-overlay-link {
display: block;
position: absolute;
z-index: 3;
width: 100%;
}
.gw-gopf-post-overlay-inner a {
cursor: pointer;
}
/* -------------------------------------------------------------------------------- /
[7] POST CONTENT
/ -------------------------------------------------------------------------------- */
.gw-gopf-post {
position: relative;
}
.gw-gopf-post-content-wrap {
overflow: hidden;
position: relative;
z-index: 1;
}
.gw-gopf-post-content-wrap:before {
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.gw-gopf-post-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
text-align: left;
}
.gw-gopf-post-content a,
.gw-gopf-post-content a:hover {
text-decoration: none;
}
.gw-gopf-post-content h2,
.gw-gopf-post-content h2 a {
margin: 0 0 3px 0 !important;
padding: 0;
}
/* -------------------------------------------------------------------------------- /
[8] ISOTOPE PLUGIN
/ -------------------------------------------------------------------------------- */
.gw-gopf-isotope {
overflow: visible !important;
}
.gw-gopf-isotope-item {
z-index: 2;
}
.gw-gopf-isotope-item:hover {
z-index: 3;
}
.gw-gopf-isotope-hidden.gw-gopf-isotope-item {
pointer-events: none;
z-index: 1;
}
.gw-gopf-isotope-ready .gw-gopf-isotope,
.gw-gopf-isotope-new-added .gw-gopf-isotope {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
-webkit-backface-visibility: hidden;
}
.gw-gopf-isotope-ready .gw-gopf-isotope .gw-gopf-isotope-item {
-webkit-transition: -webkit-transform 0.8s, opacity 0.8s, z-index 0s 0.1s;
-moz-transition: -moz-transform 0.8s, opacity 0.8s, z-index 0s 0.1s;
-ms-transition: -ms-transform 0.8s, opacity 0.8s, z-index 0s 0.1s;
-o-transition: -o-transform 0.8s, opacity 0.8s, z-index 0s 0.1s;
transition: transform 0.8s, opacity 0.8s, z-index 0s 0.1s;
-webkit-backface-visibility: hidden;
}
/* RTL */
.gw-gopf-rtl.gw-gopf-isotope-ready .gw-gopf-isotope .gw-gopf-isotope-item {
-webkit-transition: right 0.8s, top 0.8s, opacity 0.8s, z-index 0s 0.1s;
-moz-transition: right 0.8s, top 0.8s, opacity 0.8s, z-index 0s 0.1s;
-ms-transition: right 0.8s, top 0.8s, opacity 0.8s, z-index 0s 0.1s;
-o-transition: right 0.8s, top 0.8s, opacity 0.8s, z-index 0s 0.1s;
transition: right 0.8s, top 0.8s, opacity 0.8s, z-index 0s 0.1s;
}
.gw-gopf-isotope-ready .gw-gopf-isotope .gw-gopf-isotope-item:hover {
-webkit-transition: -webkit-transform 0.8s, opacity 0.8s, z-index 0s 0s;
-moz-transition: -moz-transform 0.8s, opacity 0.8s, z-index 0s 0s;
-ms-transition: -ms-transform 0.8s, opacity 0.8s, z-index 0s 0s;
-o-transition: -o-transform 0.8s, opacity 0.8s, z-index 0s 0s;
transition: transform 0.8s, opacity 0.8s, z-index 0s 0s;
-webkit-backface-visibility: hidden;
}
/* -------------------------------------------------------------------------------- /
[9] MAGNIFIC POPUP
/ -------------------------------------------------------------------------------- */
.gw-gopf-mfp-bottom-bar {
top: auto;
bottom: 40px;
background: rgba(0, 0, 0, 0.7);
}
.gw-gopf-mfp-close {
background: url(../images/icon_close.png) right 0 no-repeat;
cursor: pointer;
height: 34px;
filter: alpha(opacity=65); /* IE 5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /* IE 8 */
-khtml-opacity: 0.65; /* Safari 1.x */
-moz-opacity: 0.65; /* Netscape */
opacity: 0.65;
position: absolute;
right: 0;
top: 6px;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
width: 34px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
.gw-gopf-mfp-close {
background: url(../images/icon_close@2x.png) 0 0 no-repeat;
background-size: 18px auto;
}
}
.gw-gopf-mfp-close:hover {
filter: alpha(opacity=100); /* IE 5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
-khtml-opacity: 1; /* Safari 1.x */
-moz-opacity: 1; /* Netscape */
opacity: 1;
}
.gw-gopf-mfp-title.mfp-title {
color: #bababa;
font-size: 15px;
height: auto;
line-height: 20px;
padding: 5px;
}
.gw-gopf-mfp-title-info {
margin-top: 5px;
font-size: 13px;
}
.gw-gopf-mfp-counter.mfp-counter {
color: #bababa;
padding: 5px;
}
.gw-gopf-mfp-arrow.mfp-arrow {
cursor: pointer !important;
filter: alpha(opacity=65) !important; /* IE 5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)" !important; /* IE 8 */
-khtml-opacity: 0.65 !important; /* Safari 1.x */
-moz-opacity: 0.65 !important; /* Netscape */
opacity: 0.65 !important;
-webkit-transform: none !important;
transform: none !important;
z-index: 1048;
}
.gw-gopf-mfp-arrow.mfp-arrow:hover {
filter: alpha(opacity=100) !important; /* IE 5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; /* IE 8 */
-khtml-opacity: 1 !important; /* Safari 1.x */
-moz-opacity: 1 !important; /* Netscape */
opacity: 1 !important;
}
.gw-gopf-mfp-arrow.mfp-arrow:before,
.gw-gopf-mfp-arrow.mfp-arrow:after {
border: none !important;
}
.gw-gopf-mfp-arrow.mfp-arrow-left {
background: url(../images/icon_lb_prev.png) 50% 50% no-repeat !important;
}
.gw-gopf-mfp-arrow.mfp-arrow-right {
background: url(../images/icon_lb_next.png) 50% 50% no-repeat !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
.gw-gopf-mfp-arrow.mfp-arrow-left {
background: url(../images/icon_lb_prev@2x.png) 50% 50% no-repeat !important;
background-size: 34px auto !important;
}
.gw-gopf-mfp-arrow.mfp-arrow-right {
background: url(../images/icon_lb_next@2x.png) 50% 50% no-repeat !important;
background-size: 34px auto !important;
}
}
.mfp-iframe-holder .gw-gopf-mfp-close {
top: -34px !important;
}
/**
* Fade-move animation for second dialog
*/
/* at start */
.my-mfp-slide-bottom .mfp-figure {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
transform: translateY(-20px) perspective(600px) rotateX(10deg);
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready .mfp-figure {
opacity: 1;
-webkit-transform: translateY(0) perspective(600px) rotateX(0);
-moz-transform: translateY(0) perspective(600px) rotateX(0);
-ms-transform: translateY(0) perspective(600px) rotateX(0);
-o-transform: translateY(0) perspective(600px) rotateX(0);
transform: translateY(0) perspective(600px) rotateX(0);
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing .mfp-figure {
opacity: 0;
-webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
}
/* source: work-grid.css */
/**
* Work portfolio — parity with live weareninetytwo work page
*/
/* Black field (live site) */
#content:has(.themify_builder_content-1251) #layout,
.themify_builder_content-1251,
.themify_builder_content-1251 .module_row,
.themify_builder_content-1251 .row_inner,
.themify_builder_content-1251 .module_column {
background-color: #000 !important;
color: #efece8;
}
.themify_builder_content-1251 h1,
.themify_builder_content-1251 h2,
.themify_builder_content-1251 h4,
.themify_builder_content-1251 p {
color: #efece8 !important;
}
/* Work page hero — full-width stack, no clip on "distinction." */
.themify_builder_content-1251 .tb_trdl090,
.themify_builder_content-1251 .tb_trdl090 .row_inner,
.themify_builder_content-1251 .tb_trdl090 .module_column {
overflow: visible !important;
}
.themify_builder_content-1251 .tb_trdl090 .row_inner {
display: flex !important;
flex-wrap: wrap !important;
}
.themify_builder_content-1251 .tb_trdl090 .tb_y8v9900,
.themify_builder_content-1251 .tb_trdl090 .tb_y8v9900.col4-2 {
flex: 1 1 100% !important;
width: 100% !important;
max-width: 100% !important;
padding: clamp(2rem, 5vw, 4rem) clamp(1.5rem, 4vw, 3rem) clamp(1.5rem, 4vw, 3rem);
overflow: visible !important;
}
.themify_builder_content-1251 .tb_trdl090 .tb_9x44225 {
display: none !important;
}
.themify_builder_content-1251 .tb_trdl090 h1 {
margin: 0 !important;
line-height: 0.92 !important;
font-size: clamp(2.75rem, 9vw, 6.5rem) !important;
letter-spacing: -0.02em;
white-space: normal !important;
overflow: visible !important;
word-break: normal !important;
}
.themify_builder_content-1251 .tb_trdl090 .module-text {
overflow: visible !important;
}
#gw_go_portfolio_workpage {
padding: 0 0 3rem;
}
/* Go Portfolio JS not loaded — square tiles, centered cover images */
#gw_go_portfolio_workpage .gw-gopf-post-media-wrap-outer {
opacity: 1 !important;
}
#gw_go_portfolio_workpage .gw-gopf-post-media-wrap {
position: relative !important;
width: 100% !important;
height: 0 !important;
padding-bottom: 100% !important;
overflow: hidden !important;
background: #0a0a0a;
}
#gw_go_portfolio_workpage .gw-gopf-post-media-wrap img {
position: absolute !important;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
opacity: 1 !important;
width: 100% !important;
min-width: 100% !important;
max-width: none !important;
height: 100% !important;
object-fit: cover;
display: block;
}
#gw_go_portfolio_workpage .gw-gopf-posts {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0;
margin-right: 0 !important;
}
#gw_go_portfolio_workpage .gw-gopf-col-wrap {
width: 100% !important;
float: none !important;
}
#gw_go_portfolio_workpage .gw-gopf-post-content-wrap {
display: none !important;
}
@media (max-width: 900px) {
#gw_go_portfolio_workpage .gw-gopf-posts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 560px) {
#gw_go_portfolio_workpage .gw-gopf-posts {
grid-template-columns: 1fr;
}
}
#gw_go_portfolio_workpage .gw-gopf-filter {
margin: 0 0 2.5rem !important;
margin-left: 0 !important;
padding: 0 clamp(1.5rem, 4vw, 3rem) 1.25rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#gw_go_portfolio_workpage .gw-gopf-cats-right .gw-gopf-cats {
text-align: left !important;
}
#gw_go_portfolio_workpage .gw-gopf-cats {
display: flex !important;
flex-wrap: wrap;
align-items: baseline;
gap: 0.35rem 1.35rem;
margin: 0 !important;
}
#gw_go_portfolio_workpage .gw-gopf-cats > span {
margin: 0 !important;
padding: 0 !important;
background: none !important;
}
/* Text-only filters — active pink, no boxed buttons */
#gw_go_portfolio_workpage .gw-gopf-style-door .gw-gopf-cats > span a,
#gw_go_portfolio_workpage .gw-gopf-cats > span a,
#gw_go_portfolio_workpage .gw-gopf-btn-outlined {
display: inline !important;
font-family: var(--n92-site-font) !important;
font-weight: 700 !important;
font-size: 0.95rem !important;
letter-spacing: normal;
text-transform: lowercase;
color: rgba(239, 236, 232, 0.6) !important;
background: none !important;
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
min-height: 0 !important;
height: auto !important;
line-height: 1.4 !important;
text-decoration: none !important;
box-shadow: none !important;
transition: color 0.2s ease;
}
#gw_go_portfolio_workpage .gw-gopf-cats > span.gw-gopf-current a,
#gw_go_portfolio_workpage .gw-gopf-cats > span.gw-gopf-current .gw-gopf-btn-outlined {
color: #ff3377 !important;
background: none !important;
border: none !important;
text-decoration: underline !important;
text-underline-offset: 0.3em;
text-decoration-color: #ff3377 !important;
}
#gw_go_portfolio_workpage .gw-gopf-cats > span a:hover,
#gw_go_portfolio_workpage .gw-gopf-style-door .gw-gopf-cats > span a:hover,
#gw_go_portfolio_workpage .gw-gopf-style-door .gw-gopf-cats > span a.gw-gopf-btn-outlined:hover,
#gw_go_portfolio_workpage .gw-gopf-style-door .gw-gopf-cats > span.gw-gopf-current a,
#gw_go_portfolio_workpage .gw-gopf-style-door .gw-gopf-cats > span.gw-gopf-current a.gw-gopf-btn-outlined {
background: none !important;
border: none !important;
}
#gw_go_portfolio_workpage .gw-gopf-cats > span a:hover {
color: #efece8 !important;
}
#gw_go_portfolio_workpage .gw-gopf-col-wrap {
transition: opacity 0.35s ease, transform 0.35s ease;
}
#gw_go_portfolio_workpage .gw-gopf-post-header {
overflow: hidden;
}
#gw_go_portfolio_workpage .gw-gopf-post-media-wrap img {
transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}
#gw_go_portfolio_workpage .gw-gopf-col-wrap:hover .gw-gopf-post-media-wrap img {
transform: translate(-50%, -50%) scale(1.03) !important;
}
#gw_go_portfolio_workpage .gw-gopf-post-overlay-bg,
#gw_go_portfolio_workpage .gw-gopf-post-overlay-inner {
display: none !important;
}
/* Invisible full-tile link — overlay visuals hidden but clicks work */
#gw_go_portfolio_workpage .gw-gopf-post-overlay.gw-gopf-post-overlay-link {
display: block !important;
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
opacity: 0 !important;
z-index: 4 !important;
cursor: pointer;
}
#gw_go_portfolio_workpage .gw-gopf-post-header {
position: relative;
cursor: pointer;
}
#gw_go_portfolio_workpage .gw-gopf-col-wrap {
cursor: pointer;
}
#gw_go_portfolio_workpage .gw-gopf-post-content h2,
#gw_go_portfolio_workpage .gw-gopf-post-content h2 a {
font-family: var(--n92-site-font) !important;
font-weight: 800 !important;
font-size: 1rem !important;
text-transform: lowercase;
letter-spacing: normal;
}
.n92-work-tag {
display: inline-block;
font-family: var(--n92-site-font);
font-size: 0.65rem;
font-weight: 700;
letter-spacing: normal;
text-transform: lowercase;
color: rgba(239, 236, 232, 0.55);
margin-top: 0.35rem;
}
.n92-work-tag + .n92-work-tag::before {
content: " · ";
opacity: 0.5;
}
/* source: themify-image-full-overlay.css */
/* Themify Builder image_styles/full-overlay — inlined so images render without dynamic JS load */
.module-image.image-full-overlay {
box-sizing: border-box;
position: relative;
}
.module-image.image-full-overlay:not(.auto_fullwidth) {
display: block;
width: 100%;
max-width: none;
}
.module-image.image-full-overlay .image-wrap img {
display: block;
width: 100%;
height: auto;
}
.module-image.image-full-overlay .image-wrap {
display: block;
width: 100%;
}
/* source: n92-brand-overrides.css */
/**
* ninety two — official brand tokens (source: ninetytwo_BrandGuidelines.pdf)
*
* PRIMARY: black #000000 · pink #ff3377 · lime #00ff12
* SECONDARY: blue #002e72 · gold #ffbd17
* SECONDARY SUPPORT: deep pink #ff0062 · forest #325433 · lt. blue #166cd3
* deep gold #f9ae40 · off white #efece8 · white #ffffff
*
* TYPE: Gilroy Black (headlines) · Gilroy Semibold (subheads) · Gilroy (body)
* Gilroy Light (accents, minimal use)
* TRACKING: lowercase ≤ 0 · ALL CAPS ≤ 75 (0.075em)
*
* WEB ADDENDUM (approved Jun 2026, pending guidelines update):
* web green #7ac943 — replaces lime on screen (lime #00ff12 too harsh digitally)
* web black #171717 — muted black for digital surfaces where pure #000 is too deep
*/
:root {
/* primary */
--n92-black: #000000;
--n92-pink: #ff3377;
--n92-lime: #00ff12;
/* secondary */
--n92-blue: #002e72;
--n92-gold: #ffbd17;
/* secondary support */
--n92-deep-pink: #ff0062;
--n92-forest: #325433;
--n92-lt-blue: #166cd3;
--n92-deep-gold: #f9ae40;
--n92-off-white: #efece8;
--n92-white: #ffffff;
/* web addendum — screen-only variants */
--n92-web-green: #7ac943;
--n92-web-black: #171717;
/* aliases used across the site's custom styles */
--n92-accent: var(--n92-pink);
--n92-accent-hover: var(--n92-deep-pink);
--n92-accent-muted: rgba(255, 51, 119, 0.55);
--n92-cream: var(--n92-off-white);
/* UI — subtle corner, consistent across custom pages (not pill) */
--n92-radius: 3px;
}
/* ── ADA: visible keyboard focus (WCAG 2.4.7) — keyboard users only ── */
:focus-visible {
outline: 2px solid var(--n92-pink);
outline-offset: 2px;
}
/* source: contact-fixes.css */
/**
* Contact page — restyle the WP-era markup to the site's dark design language.
* The exported WPForms/Themify CSS assumed a white background: black headings,
* black labels, red icon links, white rounded inputs. All fixed here.
*/
/* ── Page text: cream on dark ── */
.themify_builder_content-1449 h1,
.themify_builder_content-1449 h2,
.themify_builder_content-1449 h3 {
color: #efece8 !important;
}
.themify_builder_content-1449 p,
.themify_builder_content-1449 .tb_text_wrap {
color: rgba(239, 236, 232, 0.75);
}
/* ── Page structure: align the legacy builder export to the modern page system ── */
.themify_builder_content-1449 .tb_57sp694 {
padding-top: clamp(4rem, 10vh, 6rem) !important;
padding-bottom: clamp(2rem, 5vh, 3.5rem) !important;
}
.themify_builder_content-1449 .tb_wdat583 {
padding-top: clamp(2.5rem, 6vh, 4rem) !important;
padding-bottom: clamp(4.5rem, 10vh, 7rem) !important;
}
.themify_builder_content-1449 .tb_57sp694 > .row_inner,
.themify_builder_content-1449 .tb_wdat583 > .row_inner {
width: min(var(--n92-container), calc(100% - (var(--n92-page-gutter) * 2))) !important;
max-width: var(--n92-container) !important;
}
.themify_builder_content-1449 .tb_4y30349 h1 {
max-width: 9.5ch;
font-size: var(--n92-display-1) !important;
line-height: 0.92 !important;
letter-spacing: 0 !important;
}
.themify_builder_content-1449 .tb_yv5u553 {
gap: clamp(2rem, 6vw, 5rem) !important;
align-items: start !important;
}
.themify_builder_content-1449 .tb_fuzl803 {
max-width: 46rem;
}
/* ── Direct-inquiry links: brand pink, not WP red ── */
.themify_builder_content-1449 .themify-icon-link,
.themify_builder_content-1449 .themify-icon-label,
.themify_builder_content-1449 a[href^="mailto:"],
.themify_builder_content-1449 a[href^="tel:"] {
color: #ff3377 !important;
text-decoration: none;
}
.themify_builder_content-1449 .themify-icon-icon,
.themify_builder_content-1449 .themify-icon-icon svg {
color: #ff3377 !important;
fill: #ff3377 !important;
}
.themify_builder_content-1449 .themify-icon-link:hover .themify-icon-label {
color: #efece8 !important;
}
/* ── Left column: direct contact — flush left, tight stack ── */
.themify_builder_content-1449 .tb_hqh4000 .tb_text_wrap {
text-align: left;
}
.themify_builder_content-1449 .tb_hqh4000 .tb_text_wrap > p:nth-of-type(2) {
margin: 0.35rem 0 0.15rem;
}
.themify_builder_content-1449 .tb_hqh4000 .tb_text_wrap > p:last-of-type {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.12rem;
margin: 0;
padding: 0;
/* collapse WP
between icon shortcodes — was adding a phantom row */
font-size: 0;
line-height: 0;
}
/* WP export used
between icons — kills spacing in flex */
.themify_builder_content-1449 .tb_hqh4000 .tb_text_wrap > p:last-of-type br {
display: none;
}
.themify_builder_content-1449 .tb_hqh4000 .shortcode.themify-icon {
display: block;
margin: 0;
padding: 0;
font-size: 1rem;
line-height: 1.2;
}
.themify_builder_content-1449 .tb_hqh4000 .themify-icon-link {
display: block;
margin: 0;
padding: 0;
font-size: 1rem;
line-height: 1.2;
}
/* icons offset labels ~26px right of the heading — hide for clean align */
.themify_builder_content-1449 .tb_hqh4000 .themify-icon-icon {
display: none !important;
}
.themify_builder_content-1449 .tb_hqh4000 .themify-icon-label {
display: block;
font-size: 1rem;
line-height: 1.2;
}
/* ── Form labels ── */
#wpforms-3769 .wpforms-field-label,
#wpforms-3769 legend.wpforms-field-label {
color: rgba(239, 236, 232, 0.85) !important;
font-size: 0.8rem !important;
font-weight: 700 !important;
letter-spacing: 0.075em;
text-transform: uppercase;
margin-bottom: 0.5rem !important;
}
#wpforms-3769 .wpforms-required-label {
color: #ff3377 !important;
}
#wpforms-3769 .wpforms-field-sublabel {
color: rgba(239, 236, 232, 0.6) !important;
font-size: 0.7rem !important;
letter-spacing: 0.075em;
text-transform: uppercase;
}
#wpforms-3769 .wpforms-field-description {
color: rgba(239, 236, 232, 0.6) !important;
font-size: 0.85rem !important;
}
/* ── Inputs: transparent, bordered, square — match site language ── */
#wpforms-3769 input[type="text"],
#wpforms-3769 input[type="email"],
#wpforms-3769 select,
#wpforms-3769 textarea {
background: rgba(255, 255, 255, 0.035) !important;
border: 1px solid rgba(239, 236, 232, 0.28) !important;
border-radius: 0 !important;
color: #efece8 !important;
caret-color: #efece8;
box-shadow: none !important;
min-height: 3.15rem;
padding: 0.95rem 1rem !important;
width: 100% !important;
max-width: 100% !important;
transition: border-color 0.25s ease;
}
#wpforms-3769 textarea {
min-height: clamp(11rem, 18vw, 14rem);
}
#wpforms-3769 input:focus,
#wpforms-3769 select:focus,
#wpforms-3769 textarea:focus {
border-color: rgba(255, 255, 255, 0.6) !important;
outline: none !important;
}
#wpforms-3769 input::placeholder,
#wpforms-3769 textarea::placeholder {
color: rgba(239, 236, 232, 0.5);
}
#wpforms-3769 select {
cursor: pointer;
}
#wpforms-3769 select option {
background: #0a0a0a;
color: #efece8;
}
#wpforms-3769 .wpforms-field {
padding-top: 0 !important;
margin-bottom: 1.45rem;
}
/* ── Submit: brand pink CTA ── */
#wpforms-3769 .wpforms-submit {
background: #ff3377 !important;
border: 2px solid #ff3377 !important;
border-radius: 0 !important;
color: #fff !important;
/* ≥18.66px bold qualifies as WCAG large text — white-on-pink passes AA-large */
font-size: 1.2rem !important;
font-weight: 800 !important;
letter-spacing: 0.075em;
text-transform: uppercase;
padding: 0.95em 2.3em !important;
height: auto !important;
cursor: pointer;
transition: background 0.3s ease, border-color 0.3s ease;
}
#wpforms-3769 .wpforms-submit:hover,
#wpforms-3769 .wpforms-submit:focus {
background: #ff0062 !important;
border-color: #ff0062 !important;
}
#wpforms-3769 .wpforms-submit:disabled {
opacity: 0.5;
}
/* Dead WP spinner asset — never show */
#wpforms-3769 .wpforms-submit-spinner {
display: none !important;
}
/* WPForms honeypot — visually hidden in CSS (field remains in DOM for spam bots); tabindex=-1, aria-hidden on container. */
#wpforms-3769-field_3-container,
.n92-wpforms-honeypot {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
z-index: -1000 !important;
opacity: 0 !important;
pointer-events: none !important;
}
#wpforms-3769-field_3-container input,
.n92-wpforms-honeypot input {
visibility: hidden !important;
}
/* First/Last side by side (WPForms column CSS isn't loaded) */
#wpforms-3769 .wpforms-field-row {
display: flex;
gap: 1rem;
}
#wpforms-3769 .wpforms-field-row-block {
flex: 1 1 0;
min-width: 0;
}
@media (max-width: 520px) {
.themify_builder_content-1449 .tb_57sp694 > .row_inner,
.themify_builder_content-1449 .tb_wdat583 > .row_inner {
width: calc(100% - 3rem) !important;
}
#wpforms-3769 .wpforms-field-row {
flex-direction: column;
gap: 0.85rem;
}
#wpforms-3769 .wpforms-field-row-block {
flex: 0 0 auto;
width: 100%;
}
#wpforms-3769 .wpforms-submit {
width: 100%;
}
}
/* ── Post-submit confirmation (replaces empty form) ── */
#wpforms-3769 .n92-form-confirm {
padding: clamp(2rem, 6vw, 3.5rem) 0 clamp(1rem, 4vw, 2rem);
text-align: left;
}
#wpforms-3769 .n92-form-confirm__eyebrow {
color: #7ac943;
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.075em;
text-transform: uppercase;
margin: 0 0 0.75rem;
}
#wpforms-3769 .n92-form-confirm__title {
color: #efece8 !important;
font-size: clamp(1.75rem, 4vw, 2.5rem);
font-weight: 800;
line-height: 1.1;
margin: 0 0 1rem;
text-transform: lowercase;
}
#wpforms-3769 .n92-form-confirm__body {
color: rgba(239, 236, 232, 0.78);
font-size: 1rem;
line-height: 1.6;
max-width: 36rem;
margin: 0 0 1.75rem;
}
#wpforms-3769 .n92-form-confirm__contact {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
margin: 0 0 1.5rem;
}
#wpforms-3769 .n92-form-confirm__contact a {
color: #efece8 !important;
-webkit-text-fill-color: #efece8 !important;
font-weight: 700;
font-size: 0.9rem;
text-decoration: none;
}
#wpforms-3769 .n92-form-confirm__contact a:hover {
color: #ff3377 !important;
-webkit-text-fill-color: #ff3377 !important;
}
#wpforms-3769 .n92-form-confirm__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.25rem;
}
/* anchor CTA: inherit .wpforms-submit button styles; override Themify global
a { color: var(--theme_accent) } which was pink-on-pink invisible text */
#wpforms-3769 a.n92-form-confirm__cta.wpforms-submit {
display: inline-block;
width: fit-content;
max-width: 100%;
text-align: center;
text-decoration: none;
line-height: 1.2;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
cursor: pointer;
}
#wpforms-3769 .n92-form-confirm__link {
color: #ff3377 !important;
font-size: 0.9rem;
font-weight: 700;
letter-spacing: 0.075em;
text-decoration: none;
text-transform: uppercase;
}
#wpforms-3769 .n92-form-confirm__link:hover {
color: #efece8 !important;
}
/* ── Layout breathing room ── */
.themify_builder_content-1449 .tb_57sp694 {
padding-top: clamp(100px, 16vh, 180px);
}
.themify_builder_content-1449 .tb_wdat583 {
padding-bottom: clamp(60px, 10vh, 120px);
}
/* Contact editorial pass (cream + navy) */
.themify_builder_content-1449 {
color: #0b1638;
}
.themify_builder_content-1449 :is(h1, h2, h3) {
color: #0b1638 !important;
font-family: var(--n92-scale-font, "Schibsted Grotesk", sans-serif);
}
.themify_builder_content-1449 p,
.themify_builder_content-1449 .tb_text_wrap {
color: rgba(11, 22, 56, 0.78) !important;
}
.themify_builder_content-1449 .tb_57sp694,
.themify_builder_content-1449 .tb_wdat583 {
background: #efece8 !important;
}
.themify_builder_content-1449 .tb_57sp694 {
border-bottom: 1px solid rgba(11, 22, 56, 0.1);
}
.themify_builder_content-1449 .themify-icon-link,
.themify_builder_content-1449 .themify-icon-label,
.themify_builder_content-1449 a[href^="mailto:"],
.themify_builder_content-1449 a[href^="tel:"] {
color: #ff3377 !important;
}
#wpforms-3769 .wpforms-field-label,
#wpforms-3769 legend.wpforms-field-label {
color: rgba(11, 22, 56, 0.82) !important;
}
#wpforms-3769 .wpforms-field-sublabel {
color: rgba(11, 22, 56, 0.62) !important;
}
#wpforms-3769 .wpforms-field-description {
color: rgba(11, 22, 56, 0.72) !important;
}
#wpforms-3769 input[type="text"],
#wpforms-3769 input[type="email"],
#wpforms-3769 select,
#wpforms-3769 textarea {
background: rgba(255, 255, 255, 0.72) !important;
border: 1px solid rgba(11, 22, 56, 0.25) !important;
color: #0b1638 !important;
caret-color: #0b1638;
}
#wpforms-3769 input:focus,
#wpforms-3769 select:focus,
#wpforms-3769 textarea:focus {
border-color: rgba(11, 22, 56, 0.5) !important;
}
#wpforms-3769 input::placeholder,
#wpforms-3769 textarea::placeholder {
color: rgba(11, 22, 56, 0.45) !important;
}
#wpforms-3769 select option {
background: #efece8;
color: #0b1638;
}
#wpforms-3769 .wpforms-submit {
background: #f2c500 !important;
border-color: #f2c500 !important;
color: #111111 !important;
}
#wpforms-3769 .wpforms-submit:hover,
#wpforms-3769 .wpforms-submit:focus {
background: #111111 !important;
border-color: #111111 !important;
color: #efece8 !important;
}
/* source: services-page.css */
/**
* Services hub — custom journey layout (content-3715 replacement)
* Journey: discover → explore → process → proof → decide
*/
.n92-services {
--svc-pink: #ff3377;
--svc-pink-deep: #ff0062;
--svc-cream: #efece8;
--svc-green: #7ac943;
--svc-ink: #050505;
background: #000;
color: var(--svc-cream);
overflow-x: clip;
}
/* Themify global h* defaults are black — force cream on custom page */
.n92-services :is(h1, h2, h3, h4, h5) {
color: var(--svc-cream) !important;
}
.n92-services p,
.n92-services li {
color: rgba(239, 236, 232, 0.78);
}
.n92-services ::selection {
background: var(--svc-pink);
color: #fff;
}
/* Reset builder shell padding inside custom page */
#content:has(.n92-services) {
padding: 0 !important;
margin: 0 !important;
max-width: none !important;
}
.n92-services .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* ── Type ── */
.n92-svc-display {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: var(--n92-display-1);
line-height: 0.92;
letter-spacing: -0.02em;
text-transform: lowercase;
margin: 0;
color: var(--svc-cream) !important;
}
.n92-svc-hero .n92-svc-display {
margin-bottom: 0;
}
.n92-svc-headline {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: var(--n92-display-2);
line-height: 1;
letter-spacing: -0.02em;
text-transform: lowercase;
margin: 0 0 1rem;
color: var(--svc-cream) !important;
}
.n92-svc-accent {
color: var(--svc-pink) !important;
}
.n92-svc-eyebrow {
font-family: var(--n92-site-font);
font-size: var(--n92-eyebrow);
font-weight: 700;
letter-spacing: 0;
text-transform: lowercase;
color: rgba(239, 236, 232, 0.42);
margin: 0 0 0.85rem;
}
.n92-svc-eyebrow--center {
text-align: center;
max-width: 1160px;
margin-inline: auto;
margin-bottom: 1.5rem;
}
.n92-svc-lead {
max-width: 36rem;
margin: 0;
font-size: 1.05rem;
line-height: 1.65;
color: rgba(239, 236, 232, 0.72);
}
.n92-svc-section-head--center {
text-align: center;
}
.n92-svc-section-head--center .n92-svc-lead {
margin-inline: auto;
}
/* ── Layout tokens ── */
.n92-svc-hero,
.n92-svc-explore,
.n92-svc-process,
.n92-svc-proof,
.n92-svc-decide {
padding-inline: var(--n92-page-gutter);
}
.n92-svc-hero {
min-height: 0;
padding-top: clamp(3.5rem, 8vh, 5.5rem);
padding-bottom: 1.5rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 1.25rem;
position: relative;
}
.n92-svc-hero__grid {
display: grid;
grid-template-columns: 1fr;
gap: 2.5rem;
max-width: var(--n92-container);
margin-inline: auto;
width: 100%;
}
@media (min-width: 900px) {
.n92-svc-hero__grid {
grid-template-columns: 1fr 1fr;
gap: 3rem;
align-items: end;
}
}
.n92-svc-hero__intro p {
margin: 0 0 1.1rem;
font-size: 1rem;
line-height: 1.7;
color: rgba(239, 236, 232, 0.78);
}
.n92-svc-hero__intro strong {
color: var(--svc-cream);
font-weight: 700;
}
.n92-svc-hero__actions {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-top: 1.75rem;
}
.n92-svc-hero__cue {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
margin: 0.5rem auto 0;
font-size: 0.65rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: rgba(239, 236, 232, 0.35);
}
.n92-svc-hero__cue-line {
width: 1px;
height: 48px;
background: linear-gradient(to bottom, var(--svc-pink), transparent);
animation: n92-svc-cue 1.8s ease-in-out infinite;
}
@keyframes n92-svc-cue {
0%,
100% {
transform: scaleY(1);
opacity: 0.9;
}
50% {
transform: scaleY(0.6);
opacity: 0.35;
}
}
.n92-svc-rule {
height: 3px;
max-width: var(--n92-container);
margin: 0 auto 0;
background: rgba(255, 255, 255, 0.92);
}
/* ── Buttons ── */
.n92-svc-btn {
display: inline-flex;
align-items: center;
justify-content: center;
font-family: var(--n92-site-font);
font-weight: 800;
font-size: 0.72rem;
letter-spacing: 0.12em;
text-transform: uppercase;
text-decoration: none;
padding: 0.95em 1.6em;
border-radius: var(--n92-radius, 3px);
border: 2px solid transparent;
cursor: pointer;
transition:
background 0.25s ease,
color 0.25s ease,
border-color 0.25s ease,
transform 0.25s ease;
}
.n92-svc-btn:hover {
transform: translateY(-1px);
}
.n92-svc-btn--pink {
background: var(--svc-pink);
color: #fff;
border-color: var(--svc-pink);
}
.n92-svc-btn--pink:hover {
background: var(--svc-pink-deep);
border-color: var(--svc-pink-deep);
}
.n92-svc-btn--outline {
background: transparent;
color: var(--svc-cream);
border-color: rgba(239, 236, 232, 0.45);
}
.n92-svc-btn--outline:hover {
border-color: var(--svc-cream);
color: #fff;
}
.n92-svc-btn--quiz {
background: transparent;
color: var(--svc-cream);
border-color: var(--svc-pink);
}
.n92-svc-btn--quiz:hover {
background: var(--svc-pink);
color: #fff;
border-color: var(--svc-pink);
}
.n92-svc-btn--sm {
margin-top: 1.5rem;
}
/* ── Explore / pillars ── */
.n92-svc-explore {
padding-block: var(--n92-section-y-loose);
}
.n92-svc-section-head {
max-width: var(--n92-container);
margin: 0 auto 4rem;
}
.n92-svc-pillars {
max-width: var(--n92-container);
margin-inline: auto;
display: flex;
flex-direction: column;
gap: clamp(3.75rem, 7vw, 6rem);
}
.n92-svc-pillar {
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
align-items: center;
}
@media (min-width: 900px) {
.n92-svc-pillar {
grid-template-columns: 1fr 1fr;
gap: 3.5rem;
}
.n92-svc-pillar--reverse .n92-svc-pillar__media {
order: 2;
}
.n92-svc-pillar--reverse .n92-svc-pillar__body {
order: 1;
}
}
.n92-svc-pillar__media {
position: relative;
display: block;
aspect-ratio: 1;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.08);
text-decoration: none;
color: var(--svc-cream);
transition:
border-color 0.15s ease,
box-shadow 0.15s ease;
}
@media (hover: hover) {
.n92-svc-pillar__media:hover {
border-color: rgba(239, 236, 232, 0.28);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}
}
.n92-svc-pillar__img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}
.n92-svc-pillar__media:hover .n92-svc-pillar__img {
transform: scale(1.04);
}
.n92-svc-pillar__case {
position: absolute;
inset: auto 0 0 0;
padding: 1.25rem 1.5rem;
background: linear-gradient(to top, rgba(0, 0, 0, 0.88), transparent);
display: flex;
flex-direction: column;
gap: 0.2rem;
transform: translateY(0.4rem);
opacity: 0;
pointer-events: none;
transition:
opacity 0.12s ease,
transform 0.12s ease;
}
@media (hover: hover) {
.n92-svc-pillar__media:hover .n92-svc-pillar__case {
opacity: 1;
transform: translateY(0);
transition:
opacity 0.28s ease 0.04s,
transform 0.28s ease 0.04s;
}
}
.n92-svc-pillar__media:focus-visible .n92-svc-pillar__case {
opacity: 1;
transform: translateY(0);
}
.n92-svc-pillar__case-client {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: 0.95rem;
text-transform: lowercase;
color: var(--svc-cream);
}
.n92-svc-pillar__case-tag {
font-size: 0.75rem;
color: rgba(239, 236, 232, 0.65);
}
.n92-svc-pillar__num {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: 0.75rem;
letter-spacing: 0.12em;
color: var(--svc-pink);
display: block;
margin-bottom: 0.75rem;
}
.n92-svc-pillar__title {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: clamp(1.75rem, 4vw, 2.5rem);
text-transform: lowercase;
margin: 0 0 0.5rem;
line-height: 1;
color: var(--svc-cream) !important;
}
.n92-svc-pillar__kicker {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: 0.8rem;
letter-spacing: 0.1em;
text-transform: uppercase;
margin: 0 0 1.25rem;
color: var(--svc-cream);
}
.n92-svc-pillar__copy {
margin: 0;
font-size: 0.95rem;
line-height: 1.7;
color: rgba(239, 236, 232, 0.72);
max-width: 34rem;
}
/* ── Process ── */
.n92-svc-process {
padding-block: var(--n92-section-y-loose);
background: linear-gradient(180deg, #000 0%, #0a0a0a 50%, #000 100%);
border-block: 1px solid rgba(255, 255, 255, 0.06);
}
.n92-svc-process__track {
list-style: none;
margin: 0 auto;
padding: 0;
max-width: var(--n92-container);
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
}
@media (min-width: 768px) {
.n92-svc-process__track {
grid-template-columns: repeat(5, 1fr);
gap: 1.25rem;
}
}
.n92-svc-process__step {
position: relative;
padding: 1.5rem 0 0;
border-top: 2px solid rgba(255, 51, 119, 0.35);
}
.n92-svc-process__index {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: 0.7rem;
letter-spacing: 0.1em;
color: var(--svc-pink);
}
.n92-svc-process__label {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: 1.1rem;
text-transform: lowercase;
margin: 0.5rem 0 0.65rem;
color: var(--svc-cream) !important;
}
.n92-svc-process__copy {
margin: 0;
font-size: 0.82rem;
line-height: 1.55;
color: rgba(239, 236, 232, 0.62);
}
/* ── Proof ── */
.n92-svc-proof {
padding-block: var(--n92-section-y);
}
.n92-svc-proof__stats {
max-width: var(--n92-container);
margin: 0 auto 2rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
}
@media (min-width: 768px) {
.n92-svc-proof__stats {
grid-template-columns: repeat(4, 1fr);
}
}
.n92-svc-proof__stat {
text-align: center;
}
.n92-svc-proof__value {
display: block;
font-family: var(--n92-site-font);
font-weight: 800;
font-size: clamp(2rem, 5vw, 3rem);
color: var(--svc-pink);
line-height: 1;
}
.n92-svc-proof__label {
display: block;
margin-top: 0.5rem;
font-size: 0.72rem;
letter-spacing: 0.08em;
text-transform: lowercase;
color: rgba(239, 236, 232, 0.5);
}
.n92-svc-marquee {
overflow: hidden;
mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.n92-svc-marquee__track {
display: flex;
width: max-content;
gap: 2rem;
padding-block: 0.75rem 1.25rem;
animation: n92-svc-marquee 36s linear infinite;
}
.n92-svc-marquee:hover .n92-svc-marquee__track {
animation-play-state: paused;
}
@keyframes n92-svc-marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.n92-svc-marquee__item {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: auto;
min-width: 5.5rem;
padding-inline: 0.25rem;
opacity: 0.62;
filter: grayscale(1) brightness(2.2);
transition: opacity 0.3s ease, filter 0.3s ease;
}
.n92-svc-marquee__item:hover {
opacity: 0.95;
filter: grayscale(0) brightness(1.1);
}
.n92-svc-marquee__logo {
width: auto;
height: clamp(40px, 4.5vw, 52px);
max-width: 7.5rem;
object-fit: contain;
}
/* ── Decide / CTA ── */
.n92-svc-decide {
padding-block: var(--n92-section-y-loose);
padding-bottom: clamp(5rem, 12vh, 8rem);
}
.n92-svc-decide__inner {
max-width: 52rem;
margin-inline: auto;
text-align: center;
}
.n92-svc-decide__headline {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: clamp(1.5rem, 3.5vw, 2.25rem);
letter-spacing: 0.06em;
text-transform: uppercase;
line-height: 1.25;
margin: 0 0 1.25rem;
color: var(--svc-cream) !important;
}
.n92-svc-decide__sub {
margin: 0 auto 2rem;
max-width: 32rem;
font-size: 1rem;
line-height: 1.65;
color: rgba(239, 236, 232, 0.68);
}
.n92-svc-decide__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 1rem 1.25rem;
}
.n92-svc-decide__secondary {
margin: 1.5rem auto 0;
max-width: 34rem;
font-size: 0.85rem;
line-height: 1.6;
color: rgba(239, 236, 232, 0.5);
}
.n92-svc-decide__secondary-link {
color: #ff3377;
font-weight: 700;
text-decoration: none;
}
.n92-svc-decide__secondary-link:hover {
color: #efece8;
}
/* ── Digital ecosystem band (.xyz cross-promo) — brand: blue #002e72 wash, gold label, pink accent ── */
.n92-svc-digital {
padding-block: var(--n92-section-y-loose);
padding-inline: var(--n92-page-gutter);
background:
linear-gradient(180deg, rgba(0, 46, 114, 0.18) 0%, transparent 40%),
#050505;
border-top: 1px solid rgba(255, 51, 119, 0.12);
}
.n92-svc-digital__inner {
max-width: var(--n92-container);
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 2rem;
}
.n92-svc-digital__family {
font-family: var(--n92-site-font);
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #ffbd17;
margin: 0 0 1rem;
}
.n92-svc-digital__copy .n92-svc-lead {
max-width: 36rem;
}
.n92-svc-digital__actions {
margin-top: 1.75rem;
}
.n92-svc-digital__actions .n92-svc-btn--outline {
display: inline-flex;
align-items: center;
gap: 0.45rem;
}
.n92-svc-digital__ext {
font-size: 0.9em;
line-height: 1;
opacity: 0.85;
}
.n92-svc-digital__note {
margin: 0.75rem 0 0;
font-size: 0.72rem;
letter-spacing: 0.04em;
color: rgba(239, 236, 232, 0.38);
}
.n92-svc-digital__suite {
width: 100%;
min-width: 0;
}
.n92-svc-digital__suite-label {
font-size: 0.68rem;
letter-spacing: 0.1em;
text-transform: lowercase;
color: rgba(239, 236, 232, 0.42);
margin: 0 0 0.85rem;
}
/* Horizontal expanding deck */
.n92-svc-digital__deck {
display: flex;
gap: 0.35rem;
align-items: stretch;
height: clamp(6.5rem, 14vw, 8.5rem);
width: 100%;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x proximity;
-webkit-overflow-scrolling: touch;
padding-bottom: 0.25rem;
}
.n92-svc-digital__card {
flex: 1 1 2.75rem;
min-width: 2.75rem;
transition:
flex 0.45s cubic-bezier(0.22, 1, 0.36, 1),
border-color 0.25s ease;
border: 1px solid rgba(255, 255, 255, 0.09);
background: rgba(0, 46, 114, 0.14);
overflow: hidden;
}
.n92-svc-digital__card.is-active {
flex: 5 1 11rem;
min-width: 11rem;
border-color: rgba(255, 51, 119, 0.38);
background: rgba(0, 46, 114, 0.28);
}
.n92-svc-digital__card-hit {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
gap: 0.5rem;
padding: 0.65rem 0.55rem;
background: none;
border: none;
cursor: pointer;
color: var(--svc-cream);
font-family: inherit;
text-align: left;
}
.n92-svc-digital__card-hit:hover {
color: var(--svc-pink);
}
.n92-svc-digital__card-label {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: 0.72rem;
text-transform: lowercase;
line-height: 1.2;
writing-mode: vertical-rl;
transform: rotate(180deg);
align-self: center;
white-space: nowrap;
}
.n92-svc-digital__card.is-active .n92-svc-digital__card-label {
writing-mode: horizontal-tb;
transform: none;
align-self: flex-start;
font-size: 0.82rem;
color: var(--svc-pink);
}
.n92-svc-digital__card-body {
display: flex;
flex-direction: column;
gap: 0.35rem;
animation: n92-deck-in 0.3s ease;
}
@keyframes n92-deck-in {
from {
opacity: 0;
transform: translateX(-6px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.n92-svc-digital__card-hint {
font-size: 0.78rem;
line-height: 1.4;
color: rgba(239, 236, 232, 0.72);
}
.n92-svc-digital__card-link {
font-family: var(--n92-site-font);
font-weight: 700;
font-size: 0.72rem;
color: var(--svc-pink);
text-decoration: none;
width: fit-content;
}
.n92-svc-digital__card-link:hover {
color: var(--svc-cream);
text-decoration: underline;
}
@media (max-width: 768px) {
.n92-svc-digital__deck {
scroll-snap-type: x mandatory;
}
.n92-svc-digital__card {
flex: 0 0 2.5rem;
min-width: 2.5rem;
scroll-snap-align: start;
}
.n92-svc-digital__card.is-active {
flex: 0 0 min(72vw, 16rem);
min-width: min(72vw, 16rem);
}
}
@media (prefers-reduced-motion: reduce) {
.n92-svc-digital__card {
transition: border-color 0.2s ease;
}
.n92-svc-digital__card-body {
animation: none;
}
}
/* ── Detail pages ── */
.n92-svc-back {
display: inline-block;
margin-bottom: 1.25rem;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: lowercase;
color: rgba(239, 236, 232, 0.5);
text-decoration: none;
transition: color 0.2s ease;
}
.n92-svc-back:hover {
color: var(--svc-pink);
}
.n92-svc-detail-kicker {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: 0.82rem;
letter-spacing: 0.1em;
text-transform: uppercase;
margin: 1rem 0 0;
color: var(--svc-cream) !important;
}
.n92-svc-detail-case {
max-width: var(--n92-container);
margin: 0 auto;
padding: 2rem var(--n92-page-gutter) 0;
}
.n92-svc-detail-case__link {
display: block;
position: relative;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.08);
text-decoration: none;
color: var(--svc-cream);
transition: border-color 0.15s ease;
}
@media (hover: hover) {
.n92-svc-detail-case__link:hover {
border-color: rgba(239, 236, 232, 0.28);
}
}
.n92-svc-detail-case__img {
width: 100%;
height: auto;
max-height: 420px;
object-fit: cover;
display: block;
transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.n92-svc-detail-case__link:hover .n92-svc-detail-case__img {
transform: scale(1.02);
}
.n92-svc-detail-case__label {
position: absolute;
inset: auto 0 0 0;
padding: 1rem 1.25rem;
background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
font-family: var(--n92-site-font);
font-weight: 700;
font-size: 0.82rem;
text-transform: lowercase;
color: var(--svc-cream);
}
/* ── Digital Experience proof grid ── */
.n92-svc-detail-proof__eyebrow {
margin: 0 0 1rem;
font-family: var(--n92-site-font);
font-weight: 800;
font-size: 0.75rem;
letter-spacing: 0.08em;
text-transform: lowercase;
color: #7ac943;
}
.n92-svc-detail-proof__grid {
display: grid;
grid-template-columns: 1fr;
gap: 0.65rem;
}
@media (min-width: 640px) {
.n92-svc-detail-proof__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.n92-svc-detail-proof__tile {
margin: 0;
overflow: hidden;
border: 1px solid rgba(239, 236, 232, 0.08);
background: #0a0a0a;
}
.n92-svc-detail-proof__img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
object-position: top center;
}
.n92-svc-detail-proof__case-link {
display: inline-block;
margin-top: 1.25rem;
font-family: var(--n92-site-font);
font-weight: 700;
font-size: 0.82rem;
text-transform: lowercase;
color: #ff3377;
text-decoration: none;
}
.n92-svc-detail-proof__case-link:hover {
color: #ff0062;
}
.n92-reveal-static {
opacity: 1 !important;
transform: none !important;
}
.n92-svc-offerings {
max-width: var(--n92-container);
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
}
@media (min-width: 768px) {
.n92-svc-offerings {
grid-template-columns: repeat(2, 1fr);
gap: 2.5rem 3rem;
}
}
.n92-svc-offering__title {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: clamp(1.25rem, 2.5vw, 1.65rem);
text-transform: lowercase;
margin: 0 0 0.75rem;
color: var(--svc-cream) !important;
}
.n92-svc-offering__copy {
margin: 0;
font-size: 0.92rem;
line-height: 1.65;
color: rgba(239, 236, 232, 0.72);
}
.n92-svc-faq-section {
padding-block: var(--n92-section-y);
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.n92-svc-faq {
max-width: var(--n92-readable);
margin: 0 auto;
padding-inline: var(--n92-page-gutter);
}
.n92-svc-faq__item {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.n92-svc-faq__trigger {
width: 100%;
display: grid;
grid-template-columns: auto 1fr auto;
gap: 0.75rem 1rem;
align-items: start;
padding: 1.15rem 0;
background: none;
border: none;
text-align: left;
cursor: pointer;
color: var(--svc-cream);
font-family: inherit;
}
.n92-svc-faq__trigger:hover {
color: var(--svc-pink);
}
.n92-svc-faq__q,
.n92-svc-faq__a {
font-family: var(--n92-site-font);
font-weight: 800;
color: var(--svc-pink);
}
.n92-svc-faq__question {
font-family: var(--n92-site-font);
font-weight: 700;
font-size: 0.95rem;
line-height: 1.4;
}
.n92-svc-faq__icon {
font-size: 1.25rem;
line-height: 1;
color: rgba(239, 236, 232, 0.45);
}
.n92-svc-faq__panel {
padding: 0 0 1.15rem 1.75rem;
}
.n92-svc-faq__panel p {
margin: 0;
font-size: 0.9rem;
line-height: 1.65;
color: rgba(239, 236, 232, 0.72);
}
/* ── Hub proof grid ── */
.n92-svc-proof__grid {
max-width: var(--n92-container);
margin: 1.5rem auto 0;
padding-inline: var(--n92-page-gutter);
display: grid;
gap: 0.75rem;
grid-template-columns: 1fr;
}
@media (min-width: 640px) {
.n92-svc-proof__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
.n92-svc-proof__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.n92-svc-proof__tile {
display: flex;
flex-direction: column;
gap: 0.35rem;
padding: 1rem 1.1rem;
border: 1px solid rgba(239, 236, 232, 0.14);
border-radius: var(--n92-radius, 3px);
text-decoration: none;
color: var(--svc-cream);
background: rgba(255, 255, 255, 0.02);
transition: border-color 0.2s ease, background 0.2s ease;
height: 100%;
}
.n92-svc-proof__tile:hover,
.n92-svc-proof__tile:focus-visible {
border-color: rgba(255, 51, 119, 0.45);
background: rgba(255, 51, 119, 0.06);
}
.n92-svc-proof__tile-client {
font-family: var(--n92-site-font);
font-weight: 700;
font-size: 0.95rem;
text-transform: lowercase;
}
.n92-svc-proof__tile-scope {
font-size: 0.82rem;
line-height: 1.45;
color: rgba(239, 236, 232, 0.62);
flex: 1;
}
.n92-svc-proof__tile-cta {
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--svc-pink);
}
/* ── Detail: solves, connects, situations ── */
.n92-svc-solves,
.n92-svc-connects,
.n92-svc-situations {
padding: var(--n92-section-y) var(--n92-page-gutter);
max-width: var(--n92-container);
margin-inline: auto;
}
.n92-svc-solves__list,
.n92-svc-connects__list,
.n92-svc-situations__list {
list-style: none;
margin: 1.25rem 0 0;
padding: 0;
display: grid;
gap: 0.75rem;
}
@media (min-width: 768px) {
.n92-svc-solves__list,
.n92-svc-connects__list {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.n92-svc-solves__item {
padding: 1rem 1.1rem;
border: 1px solid rgba(239, 236, 232, 0.12);
border-radius: var(--n92-radius, 3px);
font-size: 0.92rem;
line-height: 1.5;
}
.n92-svc-connects__link {
display: flex;
flex-direction: column;
gap: 0.35rem;
padding: 1rem 1.1rem;
border: 1px solid rgba(239, 236, 232, 0.12);
border-radius: var(--n92-radius, 3px);
text-decoration: none;
color: var(--svc-cream);
height: 100%;
transition: border-color 0.2s ease;
}
.n92-svc-connects__link:hover,
.n92-svc-connects__link:focus-visible {
border-color: rgba(255, 51, 119, 0.4);
}
.n92-svc-connects__label {
font-family: var(--n92-site-font);
font-weight: 700;
font-size: 0.9rem;
text-transform: lowercase;
color: var(--svc-pink);
}
.n92-svc-connects__copy {
font-size: 0.82rem;
line-height: 1.45;
color: rgba(239, 236, 232, 0.65);
}
.n92-svc-situations__item {
font-size: 0.92rem;
line-height: 1.55;
}
.n92-svc-situations__question {
color: rgba(239, 236, 232, 0.55);
}
.n92-svc-situations__item a {
color: var(--svc-cream);
font-weight: 700;
}
.n92-svc-secondary-proof {
max-width: var(--n92-container);
margin: 1.5rem auto 0;
padding-inline: var(--n92-page-gutter);
}
.n92-svc-secondary-proof__eyebrow {
font-size: var(--n92-eyebrow);
color: rgba(239, 236, 232, 0.45);
margin: 0 0 0.75rem;
text-transform: lowercase;
}
.n92-svc-secondary-proof__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.5rem;
}
@media (min-width: 640px) {
.n92-svc-secondary-proof__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.n92-svc-secondary-proof__link {
display: flex;
flex-direction: column;
gap: 0.2rem;
padding: 0.75rem 0.9rem;
border: 1px solid rgba(239, 236, 232, 0.1);
border-radius: var(--n92-radius, 3px);
text-decoration: none;
color: var(--svc-cream);
}
.n92-svc-secondary-proof__client {
font-weight: 700;
font-size: 0.88rem;
}
.n92-svc-secondary-proof__scope {
font-size: 0.78rem;
color: rgba(239, 236, 232, 0.58);
}
@media (prefers-reduced-motion: reduce) {
.n92-svc-marquee__track,
.n92-svc-hero__cue-line {
animation: none !important;
}
.n92-svc-pillar__img,
.n92-svc-btn,
.n92-svc-pillar__media,
.n92-svc-detail-case__img {
transition: none !important;
}
}
/* =====================================================
Services hub editorial refresh (scope: /our-services/)
Keeps detail pages intact by scoping to .n92-services-hub
===================================================== */
.n92-services-hub {
background: #EFECE8;
color: #0B1638;
font-family: var(--n92-site-font);
}
.n92-services-hub :is(h1, h2, h3, h4, h5, p, li, a) {
color: inherit;
}
.n92-services-hub :is(h1, h2, h3, h4, h5) {
color: #0B1638 !important;
}
.n92-services-hub .n92-svchub-container {
max-width: var(--n92-container);
margin-inline: auto;
width: 100%;
}
.n92-services-hub .n92-svc-hero,
.n92-services-hub .n92-svc-explore,
.n92-services-hub .n92-svc-process,
.n92-services-hub .n92-svc-proof,
.n92-services-hub .n92-svchub-cta {
padding-inline: var(--n92-page-gutter);
}
.n92-services-hub .n92-svc-hero {
padding-block: clamp(3rem, 9vh, 6rem) clamp(2.25rem, 5vh, 3rem);
border-bottom: 1px solid rgba(11, 22, 56, 0.12);
}
.n92-services-hub .n92-svchub-hero__grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem 2.5rem;
}
@media (min-width: 960px) {
.n92-services-hub .n92-svchub-hero__grid {
grid-template-columns: 1.1fr 0.9fr;
align-items: end;
}
}
.n92-services-hub .n92-svchub-eyebrow {
margin: 0 0 0.85rem;
font-size: var(--n92-eyebrow);
text-transform: lowercase;
color: rgba(11, 22, 56, 0.65);
}
.n92-services-hub .n92-svchub-display {
margin: 0;
font-family: var(--n92-site-font);
font-weight: 700;
font-size: clamp(2.2rem, 7vw, 5rem);
line-height: 0.93;
letter-spacing: -0.025em;
text-transform: lowercase;
max-width: 13ch;
}
.n92-services-hub .n92-svchub-hero__intro p {
margin: 0 0 1rem;
font-size: clamp(1rem, 1.3vw, 1.08rem);
line-height: 1.65;
color: rgba(11, 22, 56, 0.86);
}
.n92-services-hub .n92-svc-explore {
padding-block: clamp(2.4rem, 6vh, 4.5rem);
}
.n92-services-hub .n92-svchub-section-head {
margin: 0 0 1.5rem;
}
.n92-services-hub .n92-svchub-headline {
margin: 0 0 0.8rem;
font-family: var(--n92-site-font);
font-weight: 700;
font-size: clamp(1.65rem, 4.4vw, 3rem);
line-height: 0.98;
letter-spacing: -0.02em;
text-transform: lowercase;
}
.n92-services-hub .n92-svchub-lead {
margin: 0;
max-width: 54ch;
font-size: 1rem;
line-height: 1.65;
color: rgba(11, 22, 56, 0.8);
}
.n92-services-hub .n92-svchub-capabilities {
display: grid;
gap: 1rem;
}
.n92-services-hub .n92-svchub-capability {
border: 1px solid rgba(11, 22, 56, 0.16);
border-radius: var(--n92-radius, 3px);
background: rgba(255, 255, 255, 0.72);
padding: 1.1rem;
}
@media (min-width: 768px) {
.n92-services-hub .n92-svchub-capability {
padding: 1.4rem;
}
}
.n92-services-hub .n92-svchub-capability__num {
margin: 0 0 0.45rem;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #FF3377;
}
.n92-services-hub .n92-svchub-capability__title {
margin: 0 0 0.3rem;
font-size: clamp(1.3rem, 3.4vw, 2.15rem);
line-height: 1;
text-transform: lowercase;
}
.n92-services-hub .n92-svchub-capability__kicker {
margin: 0;
font-size: 0.73rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(11, 22, 56, 0.72);
font-weight: 700;
}
.n92-services-hub .n92-svchub-capability__summary {
margin: 0.85rem 0 0;
font-size: 0.92rem;
line-height: 1.6;
color: rgba(11, 22, 56, 0.83);
}
.n92-services-hub .n92-svchub-capability__detail-grid {
margin-top: 1rem;
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
}
@media (min-width: 1024px) {
.n92-services-hub .n92-svchub-capability__detail-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.n92-services-hub .n92-svchub-capability__detail-grid h4 {
margin: 0 0 0.45rem;
font-size: 0.72rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(11, 22, 56, 0.74);
}
.n92-services-hub .n92-svchub-capability__detail-grid ul {
margin: 0;
padding-left: 1rem;
display: grid;
gap: 0.45rem;
}
.n92-services-hub .n92-svchub-capability__detail-grid li {
font-size: 0.86rem;
line-height: 1.5;
color: rgba(11, 22, 56, 0.86);
}
.n92-services-hub .n92-svchub-capability__detail-grid li strong {
font-weight: 700;
color: #0B1638;
}
.n92-services-hub .n92-svchub-capability__links {
margin-top: 1rem;
display: flex;
flex-wrap: wrap;
gap: 0.5rem 0.7rem;
}
.n92-services-hub .n92-svchub-capability__links a {
display: inline-flex;
align-items: center;
min-height: 2.2rem;
padding: 0.5rem 0.75rem;
border: 1px solid rgba(11, 22, 56, 0.22);
border-radius: var(--n92-radius, 3px);
text-decoration: none;
font-size: 0.76rem;
letter-spacing: 0.04em;
text-transform: uppercase;
font-weight: 700;
color: #0B1638;
background: transparent;
transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}
.n92-services-hub .n92-svchub-capability__links a:hover,
.n92-services-hub .n92-svchub-capability__links a:focus-visible {
border-color: #FF3377;
color: #FF3377;
background: rgba(255, 51, 119, 0.07);
}
.n92-services-hub .n92-svc-process {
padding-block: clamp(2.4rem, 6vh, 4.5rem);
background: #111111;
border-block: 0;
}
.n92-services-hub .n92-svc-process :is(h2, h3, p, li) {
color: #EFECE8;
}
.n92-services-hub .n92-svc-process :is(h1, h2, h3, h4, h5) {
color: #EFECE8 !important;
}
.n92-services-hub .n92-svc-process .n92-svchub-headline,
.n92-services-hub .n92-svc-process .n92-svchub-lead {
color: #EFECE8;
}
.n92-services-hub .n92-svchub-process {
list-style: none;
margin: 1.25rem 0 0;
padding: 0;
display: grid;
grid-template-columns: 1fr;
gap: 0.75rem;
}
@media (min-width: 1000px) {
.n92-services-hub .n92-svchub-process {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
.n92-services-hub .n92-svchub-process li {
border: 1px solid rgba(239, 236, 232, 0.16);
border-radius: var(--n92-radius, 3px);
background: rgba(239, 236, 232, 0.04);
padding: 0.9rem 0.9rem 1rem;
}
.n92-services-hub .n92-svchub-process__step {
margin: 0 0 0.45rem;
font-size: 0.7rem;
letter-spacing: 0.08em;
font-weight: 700;
color: #F2C500;
}
.n92-services-hub .n92-svchub-process h3 {
margin: 0 0 0.45rem;
font-size: 1rem;
text-transform: lowercase;
}
.n92-services-hub .n92-svchub-process li p {
margin: 0;
font-size: 0.82rem;
line-height: 1.48;
color: rgba(239, 236, 232, 0.88);
}
.n92-services-hub .n92-svc-proof {
padding-block: clamp(2.4rem, 6vh, 4.5rem);
}
.n92-services-hub .n92-svchub-proof-grid {
display: grid;
gap: 0.75rem;
grid-template-columns: 1fr;
}
@media (min-width: 700px) {
.n92-services-hub .n92-svchub-proof-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1100px) {
.n92-services-hub .n92-svchub-proof-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.n92-services-hub .n92-svchub-proof-tile {
display: flex;
flex-direction: column;
gap: 0.35rem;
border: 1px solid rgba(11, 22, 56, 0.16);
border-radius: var(--n92-radius, 3px);
padding: 0.9rem 1rem;
text-decoration: none;
background: rgba(255, 255, 255, 0.72);
min-height: 100%;
transition: border-color 0.2s ease, background 0.2s ease;
}
.n92-services-hub .n92-svchub-proof-tile:hover,
.n92-services-hub .n92-svchub-proof-tile:focus-visible {
border-color: rgba(255, 51, 119, 0.44);
background: rgba(255, 51, 119, 0.07);
}
.n92-services-hub .n92-svchub-proof-tile__client {
font-size: 0.95rem;
text-transform: lowercase;
font-weight: 700;
color: #0B1638;
}
.n92-services-hub .n92-svchub-proof-tile__scope {
font-size: 0.82rem;
line-height: 1.45;
color: rgba(11, 22, 56, 0.8);
}
.n92-services-hub .n92-svchub-proof-tile__cta {
margin-top: auto;
font-size: 0.72rem;
letter-spacing: 0.08em;
text-transform: uppercase;
font-weight: 700;
color: #FF3377;
}
.n92-services-hub .n92-svchub-cta {
padding-block: clamp(2.6rem, 7vh, 5.25rem);
background: #0B1638;
}
.n92-services-hub .n92-svchub-cta__inner {
max-width: min(var(--n92-container), 62rem);
}
.n92-services-hub .n92-svchub-cta h2 {
margin: 0;
font-size: clamp(1.6rem, 4.1vw, 2.75rem);
line-height: 1;
text-transform: lowercase;
color: #EFECE8;
}
.n92-services-hub .n92-svchub-cta :is(h1, h2, h3, h4, h5) {
color: #EFECE8 !important;
}
.n92-services-hub .n92-svchub-cta p {
margin: 0.9rem 0 0;
max-width: 46ch;
font-size: 0.98rem;
line-height: 1.6;
color: rgba(239, 236, 232, 0.9);
}
.n92-services-hub .n92-svchub-cta__button {
display: inline-flex;
margin-top: 1.25rem;
align-items: center;
justify-content: center;
min-height: 2.6rem;
padding: 0.65rem 1.2rem;
border-radius: var(--n92-radius, 3px);
background: #F2C500;
color: #111111;
border: 1px solid #cba500;
text-decoration: none;
font-size: 0.78rem;
letter-spacing: 0.08em;
text-transform: uppercase;
font-weight: 700;
transition: background 0.2s ease, border-color 0.2s ease;
}
.n92-services-hub .n92-svchub-cta__button:hover,
.n92-services-hub .n92-svchub-cta__button:focus-visible {
background: #e0b700;
border-color: #b59400;
}
/* =====================================================
Service detail editorial template v2 (enabled for
production-services first; reusable for other pillars)
===================================================== */
.n92-svc-template-v2 {
--sv2-canvas: #EFECE8;
--sv2-navy: #0B1638;
--sv2-black: #111111;
--sv2-gold: #F2C500;
--sv2-pink: #FF3377;
background: var(--sv2-canvas);
color: var(--sv2-navy);
font-family: var(--n92-site-font);
}
.n92-svc-template-v2 :is(h1, h2, h3, h4, h5) {
color: var(--sv2-navy) !important;
}
.n92-svc-template-v2 :is(p, li, a) {
color: inherit;
}
.n92-svc-template-v2 .n92-svcv2-container {
width: 100%;
max-width: var(--n92-container);
margin-inline: auto;
}
.n92-svc-template-v2 :is(.n92-svcv2-hero, .n92-svcv2-challenges, .n92-svcv2-offerings, .n92-svcv2-proof, .n92-svcv2-workflow, .n92-svcv2-start, .n92-svcv2-cta, .n92-svc-faq-section) {
padding-inline: var(--n92-page-gutter);
}
.n92-svc-template-v2 .n92-svcv2-hero {
padding-block: clamp(3rem, 8vh, 5.5rem) clamp(2.25rem, 6vh, 3.5rem);
border-bottom: 1px solid rgba(11, 22, 56, 0.14);
}
.n92-svc-template-v2 .n92-svcv2-hero__grid {
display: grid;
grid-template-columns: 1fr;
gap: 2rem 3rem;
}
@media (min-width: 980px) {
.n92-svc-template-v2 .n92-svcv2-hero__grid {
grid-template-columns: 1.05fr 0.95fr;
align-items: end;
}
}
.n92-svc-template-v2 .n92-svcv2-back {
display: inline-flex;
margin-bottom: 1.1rem;
text-transform: lowercase;
font-size: 0.8rem;
text-decoration: none;
color: rgba(11, 22, 56, 0.66);
}
.n92-svc-template-v2 .n92-svcv2-back:hover,
.n92-svc-template-v2 .n92-svcv2-back:focus-visible {
color: var(--sv2-pink);
}
.n92-svc-template-v2 .n92-svcv2-display {
margin: 0;
font-family: var(--n92-site-font);
font-weight: 700;
font-size: clamp(2.4rem, 8vw, 6rem);
line-height: 0.9;
letter-spacing: -0.03em;
text-transform: lowercase;
max-width: 11ch;
}
.n92-svc-template-v2 .n92-svcv2-kicker {
margin: 0.9rem 0 0;
font-size: 0.76rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgba(11, 22, 56, 0.7);
font-weight: 700;
}
.n92-svc-template-v2 .n92-svcv2-hero__intro p {
margin: 0 0 1rem;
font-size: clamp(1rem, 1.2vw, 1.08rem);
line-height: 1.67;
color: rgba(11, 22, 56, 0.86);
}
.n92-svc-template-v2 .n92-svcv2-challenges,
.n92-svc-template-v2 .n92-svcv2-offerings,
.n92-svc-template-v2 .n92-svcv2-proof,
.n92-svc-template-v2 .n92-svcv2-start {
padding-block: clamp(2.3rem, 6vh, 4.5rem);
}
.n92-svc-template-v2 .n92-svcv2-section-head {
margin: 0 0 1.4rem;
}
.n92-svc-template-v2 .n92-svcv2-eyebrow {
margin: 0 0 0.75rem;
font-size: var(--n92-eyebrow);
text-transform: lowercase;
color: rgba(11, 22, 56, 0.62);
}
.n92-svc-template-v2 .n92-svcv2-headline {
margin: 0 0 0.75rem;
font-size: clamp(1.65rem, 4.6vw, 3.1rem);
line-height: 0.98;
letter-spacing: -0.02em;
text-transform: lowercase;
}
.n92-svc-template-v2 .n92-svcv2-lead {
margin: 0;
max-width: 52ch;
font-size: 1rem;
line-height: 1.65;
color: rgba(11, 22, 56, 0.8);
}
.n92-svc-template-v2 .n92-svcv2-problems {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr;
gap: 0.7rem;
}
@media (min-width: 900px) {
.n92-svc-template-v2 .n92-svcv2-problems {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.n92-svc-template-v2 .n92-svcv2-problems li {
border: 1px solid rgba(11, 22, 56, 0.14);
border-radius: var(--n92-radius, 3px);
background: rgba(255, 255, 255, 0.74);
min-height: 100%;
}
.n92-svc-template-v2 .n92-svcv2-problems p {
margin: 0;
padding: 0.95rem 1rem;
font-size: 0.9rem;
line-height: 1.54;
color: rgba(11, 22, 56, 0.86);
}
.n92-svc-template-v2 .n92-svcv2-offerings__grid {
display: grid;
grid-template-columns: 1fr;
gap: 0.75rem;
}
@media (min-width: 960px) {
.n92-svc-template-v2 .n92-svcv2-offerings__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.n92-svc-template-v2 .n92-svcv2-offering {
border: 1px solid rgba(11, 22, 56, 0.16);
border-radius: var(--n92-radius, 3px);
background: rgba(255, 255, 255, 0.74);
padding: 1rem 1.05rem;
}
.n92-svc-template-v2 .n92-svcv2-offering h3 {
margin: 0 0 0.45rem;
font-size: 1.05rem;
text-transform: lowercase;
}
.n92-svc-template-v2 .n92-svcv2-offering p {
margin: 0;
font-size: 0.88rem;
line-height: 1.56;
color: rgba(11, 22, 56, 0.82);
}
.n92-svc-template-v2 .n92-svcv2-proof__feature {
display: block;
text-decoration: none;
border: 1px solid rgba(11, 22, 56, 0.2);
border-radius: var(--n92-radius, 3px);
overflow: hidden;
background: #f6f2ee;
}
.n92-svc-template-v2 .n92-svcv2-proof__feature-image {
display: block;
width: 100%;
height: auto;
max-height: 520px;
object-fit: cover;
}
.n92-svc-template-v2 .n92-svcv2-proof__feature-caption {
display: block;
padding: 0.75rem 0.95rem;
font-size: 0.78rem;
letter-spacing: 0.08em;
text-transform: uppercase;
font-weight: 700;
color: var(--sv2-pink);
}
.n92-svc-template-v2 .n92-svcv2-proof__grid {
margin-top: 0.75rem;
display: grid;
grid-template-columns: 1fr;
gap: 0.55rem;
}
@media (min-width: 760px) {
.n92-svc-template-v2 .n92-svcv2-proof__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.n92-svc-template-v2 .n92-svcv2-proof__tile {
display: flex;
flex-direction: column;
gap: 0.25rem;
text-decoration: none;
border: 1px solid rgba(11, 22, 56, 0.16);
border-radius: var(--n92-radius, 3px);
background: rgba(255, 255, 255, 0.74);
padding: 0.75rem 0.85rem;
}
.n92-svc-template-v2 .n92-svcv2-proof__tile:hover,
.n92-svc-template-v2 .n92-svcv2-proof__tile:focus-visible {
border-color: rgba(255, 51, 119, 0.42);
}
.n92-svc-template-v2 .n92-svcv2-proof__client {
font-size: 0.9rem;
font-weight: 700;
text-transform: lowercase;
}
.n92-svc-template-v2 .n92-svcv2-proof__scope {
font-size: 0.79rem;
line-height: 1.44;
color: rgba(11, 22, 56, 0.76);
}
.n92-svc-template-v2 .n92-svcv2-workflow {
padding-block: clamp(2.6rem, 7vh, 4.8rem);
background: var(--sv2-black);
}
.n92-svc-template-v2 .n92-svcv2-workflow :is(h2, h3, p, small, span) {
color: #EFECE8;
}
.n92-svc-template-v2 .n92-svcv2-workflow .n92-svcv2-eyebrow {
color: rgba(239, 236, 232, 0.63);
}
.n92-svc-template-v2 .n92-svcv2-workflow .n92-svcv2-headline {
color: #EFECE8 !important;
}
.n92-svc-template-v2 .n92-svcv2-workflow__grid {
display: grid;
grid-template-columns: 1fr;
gap: 0.7rem;
}
@media (min-width: 900px) {
.n92-svc-template-v2 .n92-svcv2-workflow__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.n92-svc-template-v2 .n92-svcv2-workflow__step {
border: 1px solid rgba(239, 236, 232, 0.2);
border-radius: var(--n92-radius, 3px);
background: rgba(239, 236, 232, 0.05);
padding: 0.85rem 0.95rem;
}
.n92-svc-template-v2 .n92-svcv2-workflow__step h3 {
margin: 0 0 0.45rem;
font-size: 0.97rem;
text-transform: lowercase;
color: #F2C500 !important;
}
.n92-svc-template-v2 .n92-svcv2-workflow__step p {
margin: 0;
font-size: 0.83rem;
line-height: 1.52;
color: rgba(239, 236, 232, 0.9);
}
.n92-svc-template-v2 .n92-svcv2-connects {
margin-top: 1rem;
display: grid;
gap: 0.55rem;
}
@media (min-width: 900px) {
.n92-svc-template-v2 .n92-svcv2-connects {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.n92-svc-template-v2 .n92-svcv2-connects__link {
display: flex;
flex-direction: column;
gap: 0.35rem;
text-decoration: none;
border: 1px solid rgba(239, 236, 232, 0.2);
border-radius: var(--n92-radius, 3px);
background: rgba(239, 236, 232, 0.03);
padding: 0.75rem 0.8rem;
}
.n92-svc-template-v2 .n92-svcv2-connects__link:hover,
.n92-svc-template-v2 .n92-svcv2-connects__link:focus-visible {
border-color: rgba(255, 51, 119, 0.45);
}
.n92-svc-template-v2 .n92-svcv2-connects__link span {
font-size: 0.86rem;
text-transform: lowercase;
font-weight: 700;
color: #EFECE8;
}
.n92-svc-template-v2 .n92-svcv2-connects__link small {
font-size: 0.75rem;
line-height: 1.45;
color: rgba(239, 236, 232, 0.78);
}
.n92-svc-template-v2 .n92-svcv2-start__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.55rem;
}
.n92-svc-template-v2 .n92-svcv2-start__list li {
border: 1px solid rgba(11, 22, 56, 0.14);
border-radius: var(--n92-radius, 3px);
background: rgba(255, 255, 255, 0.74);
padding: 0.75rem 0.9rem;
font-size: 0.87rem;
line-height: 1.45;
color: rgba(11, 22, 56, 0.82);
}
.n92-svc-template-v2 .n92-svcv2-start__list a {
color: var(--sv2-navy);
font-weight: 700;
}
.n92-svc-template-v2 .n92-svcv2-start__list a:hover,
.n92-svc-template-v2 .n92-svcv2-start__list a:focus-visible {
color: var(--sv2-pink);
}
.n92-svc-template-v2 .n92-svcv2-cta {
padding-block: clamp(2.5rem, 8vh, 5rem);
background: #0B1638;
}
.n92-svc-template-v2 .n92-svcv2-cta__inner {
max-width: min(var(--n92-container), 62rem);
}
.n92-svc-template-v2 .n92-svcv2-cta h2 {
margin: 0;
color: #EFECE8 !important;
font-size: clamp(1.65rem, 4.4vw, 2.9rem);
line-height: 0.98;
text-transform: lowercase;
}
.n92-svc-template-v2 .n92-svcv2-cta p {
margin: 0.9rem 0 0;
max-width: 48ch;
color: rgba(239, 236, 232, 0.9);
font-size: 0.98rem;
line-height: 1.62;
}
.n92-svc-template-v2 .n92-svcv2-cta__button {
display: inline-flex;
margin-top: 1.2rem;
min-height: 2.55rem;
align-items: center;
justify-content: center;
padding: 0.64rem 1.15rem;
border: 1px solid #ccab00;
border-radius: var(--n92-radius, 3px);
background: var(--sv2-gold);
color: #111111;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 0.78rem;
font-weight: 700;
}
.n92-svc-template-v2 .n92-svcv2-cta__button:hover,
.n92-svc-template-v2 .n92-svcv2-cta__button:focus-visible {
background: #e0b700;
border-color: #b99700;
}
.n92-svc-template-v2 .n92-svc-faq-section {
background: var(--sv2-canvas);
border-top: 1px solid rgba(11, 22, 56, 0.12);
}
.n92-svc-template-v2 .n92-svc-faq__item {
border-bottom-color: rgba(11, 22, 56, 0.16);
}
.n92-svc-template-v2 .n92-svc-faq__trigger {
color: var(--sv2-navy);
}
.n92-svc-template-v2 .n92-svc-faq__q,
.n92-svc-template-v2 .n92-svc-faq__a {
color: var(--sv2-pink);
}
.n92-svc-template-v2 .n92-svc-faq__icon {
color: rgba(11, 22, 56, 0.54);
}
.n92-svc-template-v2 .n92-svc-faq__panel p {
color: rgba(11, 22, 56, 0.82);
}
/* Mobile services: generous touch areas, clear editorial card hierarchy. */
@media (max-width: 767px) {
.n92-services-hub .n92-svchub-capabilities { gap: 1rem; }
.n92-services-hub .n92-svchub-capability {
min-width: 0;
padding: 1.4rem;
border-radius: 14px;
border-left: 3px solid #ff3377;
box-shadow: 0 8px 24px rgba(11, 22, 56, 0.045);
}
.n92-services-hub .n92-svchub-capability__title {
font-size: clamp(1.55rem, 6vw, 2rem);
line-height: 1.05;
}
.n92-services-hub .n92-svchub-capability__summary {
font-size: 0.98rem;
line-height: 1.55;
}
.n92-services-hub .n92-svchub-capability__links a {
min-height: 44px;
padding: 0.65rem 0.85rem;
font-size: 0.75rem;
border-radius: 999px;
}
.n92-services-hub .n92-svchub-proof-tile {
min-height: 92px;
padding: 1.15rem;
border-radius: 12px;
}
}
/* Distinct high-intent buyer routes integrated into the primary services hub. */
.n92-services-hub .n92-svchub-markets {background:#12161f;color:#efece8;padding:clamp(3.5rem,7vw,7rem) var(--n92-page-gutter); }
.n92-services-hub .n92-svchub-markets h2 {color:#efece8!important;max-width:23ch;}
.n92-services-hub .n92-svchub-markets__intro {color:#c4c8d2!important;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65;max-width:65ch;margin:1.5rem 0 2.7rem;}
.n92-services-hub .n92-svchub-markets__grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,2vw,1.5rem);}
.n92-services-hub .n92-svchub-markets__card {display:flex;flex-direction:column;min-height:315px;padding:clamp(1.5rem,2.3vw,2.5rem);border:1px solid rgba(239,236,232,.24);border-radius:12px;background:#1e2330;color:#efece8!important;text-decoration:none;transition:border-color .2s,transform .2s;}
.n92-services-hub .n92-svchub-markets__card:hover,.n92-services-hub .n92-svchub-markets__card:focus-visible {border-color:#ff3377;transform:translateY(-2px);}
.n92-services-hub .n92-svchub-markets__card > span {font-size:.73rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ff6499;}
.n92-services-hub .n92-svchub-markets__card strong {font-size:clamp(1.5rem,2.1vw,2.25rem);line-height:1.1;letter-spacing:-.035em;margin:1.3rem 0;color:#fff!important;}
.n92-services-hub .n92-svchub-markets__card p {font-size:1rem;line-height:1.55;color:#d6d8de!important;margin:0 0 1.8rem;}
.n92-services-hub .n92-svchub-markets__card small {margin-top:auto;color:#ffe179;font-size:.84rem;font-weight:800;}
@media(max-width:900px){.n92-services-hub .n92-svchub-markets__grid{grid-template-columns:1fr;}.n92-services-hub .n92-svchub-markets__card{min-height:235px;}}
@media(prefers-reduced-motion:reduce){.n92-services-hub .n92-svchub-markets__card{transition:none;}}
/* source: growth-pages.css */
.n92-growth {
min-height: 100vh;
}
.n92-growth-hero,
.n92-growth-body,
.n92-growth-cta,
.n92-growth-band {
padding-inline: var(--n92-page-gutter);
}
.n92-growth-hero {
padding-top: clamp(6rem, 13vh, 9rem);
padding-bottom: clamp(3rem, 7vw, 6rem);
}
.n92-growth-hero__grid {
display: grid;
grid-template-columns: 1fr;
gap: clamp(2rem, 6vw, 4rem);
max-width: var(--n92-container);
margin: 0 auto;
}
@media (min-width: 900px) {
.n92-growth-hero__grid {
grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
align-items: end;
}
}
.n92-growth-hero__intro p,
.n92-growth-section__copy p,
.n92-growth-cta p {
margin: 0 0 1.1rem;
font-size: clamp(1rem, 1.5vw, 1.12rem);
line-height: 1.7;
color: rgba(239, 236, 232, 0.78);
}
.n92-growth-body {
max-width: var(--n92-container);
margin: 0 auto;
padding-top: clamp(3.5rem, 8vw, 7rem);
padding-bottom: clamp(3rem, 7vw, 6rem);
}
.n92-growth-section {
display: grid;
grid-template-columns: 1fr;
gap: clamp(1.5rem, 5vw, 4rem);
padding-block: clamp(2.5rem, 7vw, 5.5rem);
border-bottom: 1px solid var(--n92-hairline);
}
.n92-growth-section:first-child {
padding-top: 0;
}
@media (min-width: 900px) {
.n92-growth-section {
grid-template-columns: minmax(0, 0.85fr) minmax(360px, 1.15fr);
}
}
.n92-growth-links {
display: grid;
grid-template-columns: 1fr;
gap: 0.75rem;
margin-top: 2rem;
}
.n92-growth-link,
.n92-growth-band__item {
display: block;
text-decoration: none;
border: 1px solid rgba(239, 236, 232, 0.2);
border-radius: 3px;
padding: 1rem;
background: rgba(239, 236, 232, 0.035);
transition:
border-color 0.2s ease,
background 0.2s ease,
transform 0.2s ease;
}
.n92-growth-link:hover,
.n92-growth-band__item:hover {
border-color: #ff3377;
background: rgba(255, 51, 119, 0.08);
transform: translateY(-1px);
}
.n92-growth-link__label,
.n92-growth-band__item strong {
display: block;
font-family: var(--n92-site-font);
font-weight: 800;
font-size: 1rem;
line-height: 1.15;
text-transform: lowercase;
color: #efece8;
}
.n92-growth-link__detail,
.n92-growth-band__item span {
display: block;
margin-top: 0.35rem;
font-size: 0.9rem;
line-height: 1.45;
color: rgba(239, 236, 232, 0.66);
}
.n92-growth-cta {
padding-top: clamp(3rem, 8vw, 6rem);
padding-bottom: clamp(4rem, 9vw, 7rem);
background: #050505;
}
.n92-growth-cta__inner {
max-width: var(--n92-readable);
margin: 0 auto;
text-align: center;
}
.n92-growth-cta h2 {
margin: 0 0 1rem;
font-family: var(--n92-site-font);
font-size: clamp(2rem, 5vw, 4rem);
line-height: 1;
text-transform: lowercase;
color: #efece8 !important;
}
.n92-growth-cta .n92-svc-hero__actions {
justify-content: center;
}
.n92-growth-band {
padding-top: clamp(3rem, 7vw, 6rem);
padding-bottom: clamp(3rem, 7vw, 6rem);
}
.n92-growth-band__inner {
max-width: var(--n92-container);
margin: 0 auto;
}
.n92-growth-band__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
gap: 0.9rem;
margin-top: 2rem;
}
@media (max-width: 520px) {
.n92-growth-hero {
padding-top: 5.5rem;
}
}
/* Search-intent buyer Q&A: visible, crawlable answers on high-value service pages. */
.n92-growth-answers { padding:clamp(3rem,7vw,6rem) var(--n92-page-gutter); background:#171a23; color:#efece8; }
.n92-growth-answers__inner { max-width:var(--n92-container);margin:0 auto; }
.n92-growth-answers h2 { margin:.5rem 0 clamp(2rem,4vw,3.5rem); font-size:clamp(2.2rem,5vw,4.7rem); letter-spacing:-.05em; line-height:1.06; color:#efece8!important; }
.n92-growth-answers__grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.2rem,3vw,3.5rem); }
.n92-growth-answers article { padding:clamp(1rem,2vw,1.5rem) 0; border-top:1px solid rgba(239,236,232,.28); }
.n92-growth-answers h3 { font-size:clamp(1.15rem,1.8vw,1.6rem);font-weight:800;line-height:1.2; color:#fff!important; margin:0 0 .9rem; }
.n92-growth-answers article p {font-size:clamp(.98rem,1.2vw,1.12rem);color:#d9d6d2!important;line-height:1.7;margin:0;}
.n92-editorial-market-links { max-width:880px;margin:4rem auto 2rem;padding:2.25rem 0;border-top:1px solid #646464;border-bottom:1px solid #646464; }
.n92-editorial-market-links h2 { margin:0 0 1rem; color:#efece8!important; }
.n92-editorial-market-links li { margin:.6rem 0; }
.n92-editorial-market-links a {color:#efece8!important;text-underline-offset:4px;}
.n92-editorial-market-links a:hover {color:#ff3377!important;}
@media(max-width:740px){.n92-growth-answers__grid{grid-template-columns:1fr;}}
.n92-services-hub .n92-svchub-markets__secondary {display:flex;flex-wrap:wrap;gap:.9rem 1.6rem;margin-top:1.4rem;}
.n92-services-hub .n92-svchub-markets__secondary a {color:#ffe179!important;font-size:.92rem;font-weight:750;text-decoration:none;border-bottom:1px solid rgba(255,225,121,.55);padding-bottom:.22rem;}
.n92-services-hub .n92-svchub-markets__secondary a:focus-visible,.n92-services-hub .n92-svchub-markets__secondary a:hover {color:#fff!important;border-bottom-color:#fff;}
/* source: brief-tools.css */
/* ninety two / public buyer tools. Explicit contrast and isolated selector system. */
.n92-brief-tool{--bt-ink:#11172a;--bt-paper:#f1eeea;--bt-navy:#141926;--bt-muted:#5f6473;background:var(--bt-paper);color:var(--bt-ink);font-family:inherit}
.n92-brief-tool *{box-sizing:border-box}
.n92-brief-eyebrow{color:#ff327e!important;font-size:.76rem!important;letter-spacing:.12em;font-weight:850!important;text-transform:uppercase!important;line-height:1.45}
.n92-brief-tool h1,.n92-brief-tool h2,.n92-brief-tool h3,.n92-brief-tool h4{color:inherit!important}
.n92-brief-tool h1,.n92-brief-tool h2,.n92-brief-tool h3{font-weight:900;letter-spacing:-.055em}
.n92-brief-tool p{color:inherit}
.n92-brief-hero{background:#12151d;color:#fff;padding:clamp(9rem,15vw,14rem) clamp(1.5rem,7vw,8rem) clamp(5rem,8vw,8rem)}
.n92-brief-hero>*,.n92-brief-intro,.n92-brief-body,.n92-brief-faq,.n92-brief-related{max-width:1240px;margin-left:auto;margin-right:auto}
.n92-brief-hero h1{max-width:15ch;font-size:clamp(3.5rem,8.3vw,9rem);line-height:.98;margin:1.4rem 0 2rem;color:#fff!important;text-wrap:balance}
.n92-brief-lead{max-width:65ch!important;font-size:clamp(1.15rem,1.85vw,1.55rem)!important;line-height:1.55!important;color:#d4d6de!important;margin:0 0 3rem!important}
.n92-brief-hero-links{display:flex;flex-wrap:wrap;gap:1rem 2rem}
.n92-brief-hero-links a{display:inline-flex;align-items:center;min-height:48px;border:1px solid #fff5;padding:.8rem 1.1rem;text-decoration:none;color:#fff!important;font-weight:800;border-radius:6px}
.n92-brief-hero-links a:first-child{background:#ffce00;border-color:#ffce00;color:#151a29!important}
.n92-brief-hero-links a:hover{border-color:#ff327e;color:#ff327e!important}
.n92-brief-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);padding:clamp(4rem,7vw,7rem) 0;border-bottom:1px solid #bcbac0}
.n92-brief-intro h2,.n92-brief-details h2,.n92-brief-progress h2,.n92-brief-export h2,.n92-brief-faq h2{font-size:clamp(2rem,4.5vw,4.6rem);line-height:1.03;margin:.8rem 0 0}
.n92-brief-intro>p{font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.75;color:#454c5e!important;max-width:62ch}
.n92-brief-body{padding:clamp(3rem,7vw,7rem) 0}
.n92-brief-details{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,6rem);margin-bottom:clamp(4rem,7vw,7rem)}
.n92-brief-details>div>p:last-child{max-width:46ch;color:var(--bt-muted);line-height:1.7}
.n92-brief-fields{display:grid;gap:1.2rem}
.n92-brief-fields label{display:flex;flex-direction:column;gap:.5rem;font-size:.92rem;font-weight:800;color:#1b2336!important}
.n92-brief-fields input,.n92-brief-fields textarea{font:inherit;font-size:1rem;color:#11172a!important;background:#fff!important;border:1px solid #b9bfc9;border-radius:7px;padding:.9rem 1rem;width:100%;min-height:47px}
.n92-brief-fields :is(input,textarea):focus-visible,.n92-brief-item:focus-within{outline:3px solid #ff327e;outline-offset:3px}
.n92-brief-progress{background:#141926;color:#fff;padding:clamp(2rem,4.5vw,4.5rem);border-radius:12px;display:flex;gap:3rem;align-items:center;justify-content:space-between;margin-bottom:clamp(3rem,6vw,5rem)}
.n92-brief-progress h2{color:#fff!important}
.n92-brief-progress p{color:#cbd0db!important;font-size:.95rem;line-height:1.5}
.n92-brief-progress-meter{min-width:210px;text-align:right}
.n92-brief-progress-meter strong{display:block;font-size:clamp(3.2rem,5vw,5.7rem);letter-spacing:-.08em;line-height:1;color:#fff!important}
.n92-brief-progress-meter strong span{color:#a2aab9;font-size:.48em}
.n92-brief-progress-track{height:8px;background:#49515e;border-radius:8px;overflow:hidden;margin:.85rem 0}
.n92-brief-progress-track div{height:100%;background:#ff327e;transition:width .2s}
.n92-brief-progress-meter small{color:#dce1eb}
.n92-brief-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,6rem);padding:clamp(3rem,5vw,5rem) 0;border-top:1px solid #b2b6c0}
.n92-brief-section-head h3{font-size:clamp(1.9rem,3.3vw,3.4rem);margin:.8rem 0 1rem;line-height:1.08}
.n92-brief-section-head>p:last-child{font-size:1.1rem;line-height:1.6;color:#4e576b!important;max-width:36ch}
.n92-brief-items{display:grid;gap:.8rem}
.n92-brief-item{display:flex;flex-direction:column;gap:.65rem;padding:1.25rem 1.4rem;background:#fff;border:1px solid #c9cbd1;border-radius:10px;cursor:pointer;transition:border-color .1s}
.n92-brief-item:hover,.n92-brief-item.is-checked{border-color:#ff327e}
.n92-brief-item-title{display:flex;gap:.8rem;align-items:flex-start;font-size:1.08rem;line-height:1.35;color:#151b2d}
.n92-brief-item-title input{width:21px;height:21px;flex:none;accent-color:#e52069;margin-top:.18rem}
.n92-brief-item-explanation{font-size:.98rem;line-height:1.55;color:#46516a;padding-left:29px}
.n92-brief-item-risk{font-size:.9rem;line-height:1.55;color:#6b4654;padding-left:29px}
.n92-brief-export{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center;background:#fbd4e3;padding:clamp(2rem,5vw,5rem);border-radius:12px}
.n92-brief-export>div>p:last-child{line-height:1.65;color:#384256!important;max-width:54ch}
.n92-brief-actions{display:flex;flex-direction:column;gap:.85rem;align-items:stretch}
.n92-brief-actions button,.n92-brief-actions a{font:inherit;font-size:1rem;font-weight:800;cursor:pointer;padding:1rem 1.4rem;text-align:center;text-decoration:none;border-radius:6px;background:#171c2b!important;color:#fff!important;border:1px solid #171c2b;min-height:52px}
.n92-brief-actions button:nth-child(2){background:transparent!important;color:#171c2b!important}
.n92-brief-actions a{background:#ffce00!important;color:#171c2b!important;border-color:#ffce00}
.n92-brief-actions button:hover,.n92-brief-actions a:hover{outline:2px solid #e52069;outline-offset:2px}
.n92-brief-note{color:#616577!important;font-size:.85rem;line-height:1.5;margin:1.5rem 0 0}
.n92-brief-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,5rem);border-top:1px solid #bbc0c8;padding:clamp(3rem,6vw,6rem) 0}
.n92-brief-faq article{border-bottom:1px solid #bdc1c8;padding:1rem 0 1.5rem}
.n92-brief-faq h3{font-size:clamp(1.15rem,1.6vw,1.5rem);margin:0 0 .7rem}
.n92-brief-faq article p{font-size:1rem;line-height:1.65;color:#4a5467!important}
.n92-brief-related{display:flex;gap:1rem 2rem;flex-wrap:wrap;padding:3rem 0 5rem;border-top:1px solid #bbc0c8}
.n92-brief-related>p{width:100%}
.n92-brief-related a{color:#15203a!important;border-bottom:2px solid #ff327e;text-decoration:none;font-weight:800;padding:.4rem 0}
.n92-brief-related a:hover{color:#b81258!important}
@media(max-width:1320px){.n92-brief-intro,.n92-brief-body,.n92-brief-faq,.n92-brief-related{margin-left:5vw;margin-right:5vw}}
@media(max-width:760px){.n92-brief-intro,.n92-brief-details,.n92-brief-section,.n92-brief-export,.n92-brief-faq{grid-template-columns:1fr}.n92-brief-progress{align-items:stretch;flex-direction:column}.n92-brief-progress-meter{text-align:left}.n92-brief-hero{padding-top:8.5rem}.n92-brief-item-explanation,.n92-brief-item-risk{padding-left:0}}
@media(prefers-reduced-motion:reduce){.n92-brief-progress-track div,.n92-brief-item{transition:none}}
@media print{#headerwrap,#tbp_footer,.n92-brief-hero-links,.n92-brief-actions,.n92-brief-related{display:none!important}.n92-brief-hero{background:#fff;color:#111;padding:1cm}.n92-brief-hero h1{color:#111!important}.n92-brief-body{padding:0}.n92-brief-section{break-inside:avoid}.n92-brief-tool{background:#fff;color:#111}}
/* source: tools-hub.css */
.n92-tools-hub{background:#f2efeb;color:#101729;min-height:100vh;padding:clamp(8rem,14vw,12rem) clamp(1.5rem,6vw,8rem) 5rem}
.n92-tools-hub>*,.n92-tools-hub__grid{max-width:1240px;margin-left:auto;margin-right:auto}
.n92-tools-hub header h1{font-size:clamp(3.5rem,8.5vw,8rem);line-height:.98;font-weight:900;letter-spacing:-.06em;max-width:16ch;color:#11172a!important;margin:1rem 0 2rem}
.n92-tools-hub header>p:last-child{max-width:64ch;font-size:clamp(1.08rem,1.7vw,1.4rem);line-height:1.65;color:#505968!important}
.n92-tools-hub__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem;margin-top:clamp(3rem,6vw,6rem)}
.n92-tools-hub__grid article{display:flex;flex-direction:column;padding:clamp(1.5rem,3vw,3rem);background:#161b2a;color:#fff;border-radius:13px;min-height:485px}
.n92-tools-hub__grid article h2{margin:1.5rem 0 1rem;font-size:clamp(1.7rem,2.5vw,2.6rem);line-height:1.08;letter-spacing:-.045em;color:#fff!important}
.n92-tools-hub__grid article h2 a{color:#fff!important;text-decoration:none}
.n92-tools-hub__grid article h2 a:hover{color:#ff6d9b!important}
.n92-tools-hub__grid article p{color:#c9cdd9!important;line-height:1.6;font-size:1.02rem}
.n92-tools-hub__audience{color:#9ca8be!important;font-size:.88rem!important}
.n92-tools-hub__action{display:inline-block;margin-top:auto;padding:1rem 0 0;text-decoration:none;color:#ffe078!important;font-weight:850}
.n92-tools-hub__bottom{margin-top:5rem;padding:3rem 0 0;border-top:1px solid #a6acb6}
.n92-tools-hub__bottom h2{font-size:clamp(2rem,4vw,4.3rem);line-height:1.1;color:#11172a!important}
.n92-tools-hub__bottom p{max-width:65ch;color:#505968!important;font-size:1.12rem;line-height:1.7}
.n92-tools-hub__bottom a{color:#11172a!important;border-bottom:2px solid #ff327e;text-decoration:none;font-weight:800}
@media(max-width:960px){.n92-tools-hub__grid{grid-template-columns:1fr}.n92-tools-hub__grid article{min-height:350px}}
/* source: legacy-post-seo.css */
/* Restore semantic headlines to imported posts whose original content had no H1. */
.n92-legacy-post-intro {padding:clamp(5rem,9vw,8rem) var(--n92-page-gutter) clamp(2.5rem,5vw,4rem);background:#141824;color:#efece8;text-align:center;}
.n92-legacy-post-intro p:first-child {margin:0 0 1rem;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:#ffe179!important;font-weight:800;}
.n92-legacy-post-intro h1 {font-size:clamp(2.6rem,7vw,6rem);line-height:1.04;letter-spacing:-.045em;max-width:18ch;color:#fff!important;margin:0 auto 1.5rem;text-wrap:balance;}
.n92-legacy-post-intro p:last-child {font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.65;color:#d6dae4!important;max-width:55ch;margin:0 auto;}
/* source: revenue-first.css */
.n92-buyer{background:#111;color:#f1ede5;padding:clamp(3rem,7vw,7rem) var(--n92-page-gutter,6vw);margin:0 auto}.n92-buyer>*{max-width:1240px;margin-left:auto;margin-right:auto}.n92-buyer h2{font-size:clamp(2rem,4vw,4.3rem);line-height:1.08;letter-spacing:-.04em;margin-top:1rem;margin-bottom:2.5rem;color:inherit}.n92-buyer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 4rem}.n92-buyer h3{font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.2;color:inherit;margin-bottom:1rem}.n92-buyer p{font-size:1.05rem;line-height:1.65;color:#c8c4bd}.n92-buyer a,.n92-editorial a{color:inherit;text-decoration:underline;text-underline-offset:5px}.n92-buyer-actions{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:2rem}.n92-buyer-actions a{padding:12px 0;min-height:44px;font-size:1rem}.n92-buyer a:hover,.n92-editorial a:hover{color:#ff3377}.n92-buyer a:focus-visible,.n92-editorial a:focus-visible{outline:2px solid #ff3377;outline-offset:6px}.n92-editorial{background:#111;color:#f1ede5;min-height:100vh;padding:clamp(8rem,14vw,12rem) var(--n92-page-gutter,6vw) 5rem}.n92-editorial header,.n92-editorial article,.n92-editorial nav,.n92-editorial footer{max-width:880px;margin:auto}.n92-editorial h1{font-size:clamp(2.5rem,6vw,5.5rem);line-height:1;letter-spacing:-.045em;color:inherit;margin:1.5rem 0}.n92-editorial h2{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.15;color:inherit;margin:3rem 0 1rem}.n92-editorial p,.n92-editorial li{font-size:1.13rem;line-height:1.75;color:#d1cec7}.n92-editorial .eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.13em}.n92-editorial nav{padding:2rem 0}.n92-editorial footer{border-top:1px solid #444;margin-top:3rem;padding-top:2rem}.n92-editorial-list{display:grid;gap:2rem;margin-top:3rem}.n92-editorial-list>article{width:100%;border-top:1px solid #444}.n92-case-record{background:#eee9df;color:#171717}.n92-case-record p{color:#444}.n92-case-record .n92-buyer-grid{gap:1.5rem 3rem}.n92-case-record h3{font-size:1.1rem}.n92-case-record .n92-buyer-actions{border-top:1px solid #aaa;padding-top:1rem}@media(max-width:650px){.n92-buyer-grid{grid-template-columns:1fr;gap:1.75rem}.n92-buyer-actions{flex-direction:column;gap:.25rem}.n92-editorial p,.n92-editorial li{font-size:1rem}}@media print{.n92-editorial{background:white;color:black;padding:1cm}.n92-editorial p,.n92-editorial li{color:black}#headerwrap,#footer,.n92-sticky-cta,.n92-retention{display:none!important}}
body:has(.n92-editorial) #content{background:#111} .n92-editorial section[id]{scroll-margin-top:100px}@media(max-width:650px){.n92-editorial h1{font-size:clamp(2.4rem,11vw,3rem)!important}}
/* source: work-page.css */
/**
* Work portfolio — custom hub
*/
.n92-work {
--work-pink: #ff3377;
--work-pink-deep: #ff0062;
--work-cream: #efece8;
background: #000;
color: var(--work-cream);
overflow-x: clip;
}
.n92-work :is(h1, h2, h3, h4) {
color: var(--work-cream) !important;
}
.n92-work-accent,
.n92-work-hero__line--accent {
color: var(--work-pink) !important;
}
#content:has(.n92-work) {
padding: 0 !important;
margin: 0 !important;
max-width: none !important;
}
.n92-work-eyebrow {
font-size: var(--n92-eyebrow);
letter-spacing: 0;
text-transform: lowercase;
color: rgba(239, 236, 232, 0.45);
margin: 0 0 1rem;
}
.n92-work-eyebrow--center {
text-align: center;
}
/* ── Hero ── */
.n92-work-hero {
min-height: 0;
padding: clamp(3.5rem, 8vh, 5.5rem) var(--n92-page-gutter) 1.5rem;
display: flex;
flex-direction: column;
gap: 1.25rem;
position: relative;
}
.n92-work-hero__grid {
display: grid;
grid-template-columns: 1fr;
gap: 2.5rem;
max-width: var(--n92-container);
margin-inline: auto;
width: 100%;
}
@media (min-width: 900px) {
.n92-work-hero__grid {
grid-template-columns: 1.1fr 1fr;
gap: 3rem;
align-items: end;
}
}
.n92-work-hero__stack {
display: flex;
flex-direction: column;
gap: 0;
line-height: 0.92;
}
.n92-work-hero__title {
margin: 0;
}
.n92-work-hero__line {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: var(--n92-display-1);
letter-spacing: -0.02em;
text-transform: lowercase;
color: var(--work-cream) !important;
display: block;
}
.n92-work-hero__intro p {
margin: 0 0 1.1rem;
font-size: 1rem;
line-height: 1.7;
color: rgba(239, 236, 232, 0.78);
}
.n92-work-hero__intro strong {
color: var(--work-cream);
font-weight: 700;
}
.n92-work-hero__actions {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-top: 1.75rem;
}
.n92-work-hero__cue {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
margin: 0.5rem auto 0;
font-size: 0.65rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: rgba(239, 236, 232, 0.35);
}
.n92-work-hero__cue-line {
width: 1px;
height: 48px;
background: linear-gradient(to bottom, var(--work-pink), transparent);
animation: n92-work-cue 1.8s ease-in-out infinite;
}
@keyframes n92-work-cue {
0%,
100% {
transform: scaleY(1);
opacity: 0.9;
}
50% {
transform: scaleY(0.6);
opacity: 0.35;
}
}
.n92-work-rule {
height: 3px;
max-width: var(--n92-container);
margin: 0 auto;
background: rgba(255, 255, 255, 0.92);
}
/* ── Portfolio shell ── */
.n92-work-portfolio {
padding: var(--n92-section-y) var(--n92-page-gutter) 2rem;
}
.n92-work-grid__head {
max-width: var(--n92-container);
margin: 0 auto 2.5rem;
}
.n92-work-grid__title {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: clamp(1.75rem, 4vw, 2.75rem);
letter-spacing: 0.02em;
text-transform: lowercase;
line-height: 1.15;
margin: 0;
}
/* ── Filter bar ── */
.n92-work-grid__bar {
max-width: var(--n92-container);
margin: 0 auto 1.25rem;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 1rem 1.5rem;
position: sticky;
top: 4.5rem;
z-index: 20;
padding: 0.75rem 0;
background: linear-gradient(to bottom, #000 70%, transparent);
}
.n92-work-grid__filters {
display: flex;
flex-wrap: wrap;
gap: 0.45rem 0.55rem;
}
.n92-work-filter {
display: inline-flex;
align-items: center;
font-family: var(--n92-site-font);
font-weight: 700;
font-size: 0.72rem;
letter-spacing: 0.06em;
text-transform: lowercase;
padding: 0.55rem 0.9rem;
border: 1px solid rgba(239, 236, 232, 0.35);
border-radius: var(--n92-radius, 3px);
background: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(8px);
color: var(--work-cream);
cursor: pointer;
transition:
border-color 0.2s ease,
color 0.2s ease,
background 0.2s ease;
}
.n92-work-filter:hover {
border-color: var(--work-pink);
color: var(--work-pink);
}
.n92-work-filter.is-active {
border-color: var(--work-pink);
background: var(--work-pink);
color: #fff;
}
/* ── Grid ── */
.n92-work-grid__list {
list-style: none;
margin: 0 auto;
padding: 0;
max-width: var(--n92-container);
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 2px;
background: rgba(255, 255, 255, 0.04);
}
@media (max-width: 900px) {
.n92-work-grid__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 560px) {
.n92-work-grid__list {
grid-template-columns: 1fr;
}
.n92-work-grid__bar {
top: 3.5rem;
}
}
.n92-work-grid__item {
min-width: 0;
background: #000;
}
/* ── Card ── */
.n92-work-card {
display: block;
position: relative;
aspect-ratio: 1;
overflow: hidden;
text-decoration: none;
color: var(--work-cream);
background: #0a0a0a;
transition:
border-color 0.15s ease,
z-index 0s;
z-index: 1;
}
@media (hover: hover) {
.n92-work-card:hover {
z-index: 3;
box-shadow: 0 20px 48px rgba(0, 0, 0, 0.55);
}
}
.n92-work-card__media {
display: block;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.n92-work-card__media--overlay::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: rgba(0, 0, 0, 0.44);
pointer-events: none;
}
.n92-work-card__logo {
position: absolute;
inset: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
padding: 18%;
pointer-events: none;
}
.n92-work-card__logo-img {
width: min(62%, 180px);
height: auto;
max-height: 52%;
object-fit: contain;
filter: drop-shadow(0 2px 14px rgba(0, 0, 0, 0.45));
}
.n92-work-card__img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (hover: hover) {
.n92-work-card:hover .n92-work-card__img {
transform: scale(1.05);
}
}
.n92-work-card__meta {
position: absolute;
inset: auto 0 0 0;
z-index: 2;
padding: 1.15rem 1.15rem 1rem;
background: linear-gradient(to top, rgba(0, 0, 0, 0.92) 55%, transparent);
display: flex;
flex-direction: column;
gap: 0.25rem;
transform: translateY(0);
transition: transform 0.28s ease;
}
@media (hover: hover) {
.n92-work-card__meta {
transform: translateY(0.15rem);
}
.n92-work-card:hover .n92-work-card__meta {
transform: translateY(0);
}
}
.n92-work-card__flagship {
display: block;
font-size: 0.68rem;
letter-spacing: 0.08em;
text-transform: lowercase;
color: #7ac943;
margin-bottom: 0.2rem;
}
.n92-work-card__client {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: 0.92rem;
text-transform: lowercase;
color: var(--work-cream);
}
.n92-work-card__excerpt {
display: none;
font-size: 0.75rem;
line-height: 1.45;
color: rgba(239, 236, 232, 0.62);
}
@media (min-width: 900px) {
@media (hover: hover) {
.n92-work-card:hover .n92-work-card__excerpt {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
}
.n92-work-card__cta {
font-family: var(--n92-site-font);
font-weight: 700;
font-size: 0.72rem;
color: var(--work-pink);
text-transform: lowercase;
opacity: 0;
transform: translateY(4px);
transition:
opacity 0.2s ease,
transform 0.2s ease;
}
@media (hover: hover) {
.n92-work-card:hover .n92-work-card__cta {
opacity: 1;
transform: translateY(0);
}
}
@media (hover: none) {
.n92-work-card__cta {
opacity: 1;
transform: none;
}
}
/* ── Quote (full-width band) ── */
.n92-work-quote {
width: 100%;
padding: var(--n92-section-y-loose) var(--n92-page-gutter);
border-top: 1px solid rgba(255, 51, 119, 0.12);
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
background:
linear-gradient(90deg, rgba(0, 46, 114, 0.2) 0%, transparent 45%, transparent 55%, rgba(0, 46, 114, 0.14) 100%),
#050505;
}
.n92-work-quote__inner {
width: 100%;
max-width: var(--n92-container);
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
}
@media (min-width: 900px) {
.n92-work-quote__inner {
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
gap: 3rem;
}
}
.n92-work-quote__text {
margin: 0;
font-family: var(--n92-site-font);
font-weight: 800;
font-size: clamp(1.75rem, 4.8vw, 3.75rem);
line-height: 1.12;
letter-spacing: -0.02em;
text-transform: lowercase;
color: var(--work-cream) !important;
max-width: none;
flex: 1 1 auto;
}
.n92-work-quote__cite {
flex-shrink: 0;
margin: 0;
font-size: 0.82rem;
font-style: normal;
letter-spacing: 0.06em;
text-transform: lowercase;
color: rgba(239, 236, 232, 0.45);
white-space: nowrap;
}
/* ── CTA ── */
.n92-work-decide {
padding-block: var(--n92-section-y-loose);
padding-inline: var(--n92-page-gutter);
padding-bottom: clamp(5rem, 12vh, 8rem);
}
.n92-work-decide__inner {
max-width: 52rem;
margin-inline: auto;
text-align: center;
}
.n92-work-decide__headline {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: clamp(1.5rem, 3.5vw, 2.25rem);
letter-spacing: 0.04em;
text-transform: lowercase;
line-height: 1.25;
margin: 0 0 1.25rem;
color: var(--work-cream) !important;
}
.n92-work-decide__sub {
margin: 0 auto 2rem;
max-width: 32rem;
font-size: 1rem;
line-height: 1.65;
color: rgba(239, 236, 232, 0.68);
}
.n92-work-decide__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 1rem 1.25rem;
}
.n92-work-btn {
display: inline-flex;
align-items: center;
justify-content: center;
font-family: var(--n92-site-font);
font-weight: 800;
font-size: 0.72rem;
letter-spacing: 0.12em;
text-transform: uppercase;
text-decoration: none;
padding: 0.95em 1.6em;
border-radius: var(--n92-radius, 3px);
border: 2px solid transparent;
cursor: pointer;
transition:
background 0.25s ease,
color 0.25s ease,
border-color 0.25s ease,
transform 0.25s ease;
}
.n92-work-btn:hover {
transform: translateY(-1px);
}
.n92-work-btn--pink {
background: var(--work-pink);
color: #171717;
border-color: var(--work-pink);
}
.n92-work-btn--pink:hover {
background: var(--work-pink-deep);
color: #fff;
border-color: var(--work-pink-deep);
}
.n92-work-btn--outline {
background: transparent;
color: var(--work-cream);
border-color: rgba(239, 236, 232, 0.45);
}
.n92-work-btn--outline:hover {
border-color: var(--work-cream);
color: #fff;
}
.n92-work-btn--quiz {
background: transparent;
color: var(--work-cream);
border-color: var(--work-pink);
}
.n92-work-btn--quiz:hover {
background: var(--work-pink);
color: #fff;
}
@media (prefers-reduced-motion: reduce) {
.n92-work-hero__cue-line,
.n92-work-marquee__track {
animation: none !important;
}
.n92-work-card__img,
.n92-work-card,
.n92-work-btn {
transition: none !important;
}
}
/* source: about-page.css */
/**
* About / culture page
*/
.n92-about {
--about-pink: #ff3377;
--about-pink-deep: #ff0062;
--about-cream: #efece8;
--about-blue: #002e72;
--about-gold: #ffbd17;
--about-green: #7ac943;
background: #000;
color: var(--about-cream);
overflow-x: clip;
}
.n92-about :is(h1, h2, h3, h4) {
color: var(--about-cream) !important;
}
.n92-about-accent {
color: var(--about-pink) !important;
}
#content:has(.n92-about) {
padding: 0 !important;
margin: 0 !important;
max-width: none !important;
}
.n92-about-eyebrow {
font-size: var(--n92-eyebrow);
letter-spacing: 0;
text-transform: lowercase;
color: rgba(239, 236, 232, 0.45);
margin: 0 0 1rem;
}
.n92-about-section-head {
max-width: var(--n92-container);
margin: 0 auto 2rem;
padding-inline: var(--n92-page-gutter);
}
.n92-about-section-head--center {
text-align: center;
}
.n92-about-headline {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: var(--n92-display-2);
letter-spacing: -0.02em;
text-transform: lowercase;
margin: 0;
line-height: 1.02;
}
/* ── Hero ── */
.n92-about-hero {
padding: clamp(3.5rem, 8vh, 5.5rem) var(--n92-page-gutter) 1.5rem;
position: relative;
}
.n92-about-hero__grid {
display: grid;
grid-template-columns: 1fr;
gap: 2.5rem;
max-width: var(--n92-container);
margin-inline: auto;
}
@media (min-width: 900px) {
.n92-about-hero__grid {
grid-template-columns: 1.1fr 1fr;
gap: 3rem;
align-items: end;
}
}
.n92-about-hero__stack {
display: flex;
flex-direction: column;
gap: 0;
line-height: 0.92;
}
.n92-about-hero__title {
margin: 0;
padding: 0;
font: inherit;
display: flex;
flex-direction: column;
gap: 0;
line-height: 0.92;
}
.n92-about-hero__line {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: var(--n92-display-1);
letter-spacing: -0.02em;
text-transform: lowercase;
display: block;
}
.n92-about-hero__line--accent {
color: var(--about-pink) !important;
}
.n92-about-hero__intro p {
margin: 0 0 1.1rem;
font-size: 1rem;
line-height: 1.7;
color: rgba(239, 236, 232, 0.78);
}
.n92-about-hero__intro strong {
color: var(--about-cream);
font-weight: 700;
}
.n92-about-hero__cue {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
margin: 0.5rem auto 0;
font-size: 0.65rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: rgba(239, 236, 232, 0.35);
}
.n92-about-hero__cue-line {
width: 1px;
height: 48px;
background: linear-gradient(to bottom, var(--about-pink), transparent);
animation: n92-about-cue 1.8s ease-in-out infinite;
}
@keyframes n92-about-cue {
0%,
100% {
transform: scaleY(1);
opacity: 0.9;
}
50% {
transform: scaleY(0.6);
opacity: 0.35;
}
}
.n92-about-rule {
height: 3px;
max-width: var(--n92-container);
margin: 0 auto;
background: rgba(255, 255, 255, 0.92);
}
/* ── Specialty ── */
.n92-about-specialty {
padding: clamp(2.5rem, 6vh, 4rem) var(--n92-page-gutter);
background: linear-gradient(90deg, rgba(0, 46, 114, 0.28) 0%, transparent 55%);
border-block: 1px solid rgba(255, 51, 119, 0.1);
}
.n92-about-specialty__inner {
max-width: var(--n92-container);
margin-inline: auto;
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
align-items: center;
}
@media (min-width: 768px) {
.n92-about-specialty__inner {
grid-template-columns: auto 1fr;
gap: 3rem;
}
}
.n92-about-specialty__title {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: clamp(1.5rem, 3vw, 2rem);
text-transform: lowercase;
margin: 0;
white-space: nowrap;
}
.n92-about-specialty__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.55rem 0.75rem;
}
.n92-about-specialty__link {
display: inline-block;
font-family: var(--n92-site-font);
font-weight: 700;
font-size: 0.78rem;
letter-spacing: 0.05em;
text-transform: lowercase;
color: var(--about-cream);
text-decoration: none;
padding: 0.5rem 0.85rem;
border: 1px solid rgba(255, 189, 23, 0.4);
border-radius: var(--n92-radius, 3px);
transition:
border-color 0.2s ease,
color 0.2s ease,
background 0.2s ease;
}
.n92-about-specialty__link:hover {
border-color: var(--about-gold);
color: var(--about-gold);
background: rgba(255, 189, 23, 0.08);
}
/* ── Values ── */
.n92-about-values {
padding: var(--n92-section-y) var(--n92-page-gutter);
}
.n92-about-values__grid {
max-width: var(--n92-container);
margin-inline: auto;
display: grid;
grid-template-columns: 1fr;
gap: 1.25rem;
}
@media (min-width: 560px) {
.n92-about-values__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 900px) {
.n92-about-values__grid {
grid-template-columns: repeat(4, 1fr);
gap: 1.5rem;
}
}
.n92-about-value {
padding: 1.15rem 1.1rem;
border: 1px solid rgba(239, 236, 232, 0.12);
border-radius: var(--n92-radius, 3px);
background: rgba(255, 255, 255, 0.02);
transition: border-color 0.2s ease;
}
.n92-about-value:hover {
border-color: rgba(255, 51, 119, 0.35);
}
.n92-about-value__label {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: 0.95rem;
text-transform: lowercase;
margin: 0 0 0.5rem;
color: var(--about-pink) !important;
}
.n92-about-value__copy {
margin: 0;
font-size: 0.82rem;
line-height: 1.55;
color: rgba(239, 236, 232, 0.68);
}
/* ── Impact ── */
.n92-about-impact {
padding: var(--n92-section-y) var(--n92-page-gutter);
background: linear-gradient(180deg, rgba(0, 46, 114, 0.15) 0%, transparent 100%);
}
.n92-about-impact__grid {
max-width: var(--n92-container);
margin-inline: auto;
display: grid;
grid-template-columns: 1fr;
gap: 2.5rem;
}
@media (min-width: 900px) {
.n92-about-impact__grid {
grid-template-columns: 0.4fr 1fr;
gap: 3.5rem;
align-items: start;
}
}
.n92-about-impact__stats {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
}
@media (min-width: 560px) {
.n92-about-impact__stats {
grid-template-columns: repeat(2, 1fr);
gap: 1.15rem;
}
}
.n92-about-impact__stat {
padding: 1.1rem 1.15rem;
border: 1px solid rgba(255, 51, 119, 0.22);
border-radius: var(--n92-radius, 3px);
background: rgba(255, 255, 255, 0.03);
}
.n92-about-impact__stat-label {
margin: 0 0 0.5rem;
font-family: var(--n92-site-font);
font-weight: 700;
font-size: 0.78rem;
letter-spacing: 0.02em;
text-transform: lowercase;
color: rgba(239, 236, 232, 0.72);
}
.n92-about-impact__stat .n92-culture-block__stat {
align-items: flex-start;
text-align: left;
}
.n92-about-impact__stat .n92-culture-block__stat-value {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: clamp(2.35rem, 6vw, 3.35rem);
color: var(--about-pink);
line-height: 1;
letter-spacing: -0.02em;
}
.n92-about-impact__stat .n92-culture-block__stat-label {
display: none;
}
.n92-about-impact__footnote {
margin: 0.65rem 0 0;
font-size: 0.78rem;
line-height: 1.5;
color: rgba(239, 236, 232, 0.55);
}
/* ── Experience logo grid ── */
.n92-about-experience {
padding: var(--n92-section-y) var(--n92-page-gutter);
border-top: 1px solid rgba(255, 51, 119, 0.1);
}
.n92-about-experience__head {
max-width: var(--n92-container);
margin: 0 auto 2rem;
}
.n92-about-logos-grid {
list-style: none;
margin: 0 auto;
padding: 0;
max-width: var(--n92-container);
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(0.75rem, 2.5vw, 1.75rem);
}
@media (min-width: 768px) {
.n92-about-logos-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.n92-about-logos-grid__item {
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
aspect-ratio: 1;
padding: clamp(0.85rem, 3vw, 1.5rem);
background: transparent;
}
.n92-about-logos-grid__img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
opacity: 0.92;
transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease;
}
@media (hover: hover) {
.n92-about-logos-grid__item:hover .n92-about-logos-grid__img {
transform: scale(1.05);
opacity: 1;
z-index: 1;
position: relative;
}
}
/* ── Testimonials ── */
.n92-about-clients {
padding: var(--n92-section-y) var(--n92-page-gutter);
}
.n92-about-clients__grid {
max-width: var(--n92-container);
margin-inline: auto;
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
}
@media (min-width: 900px) {
.n92-about-clients__grid {
grid-template-columns: 0.35fr 1fr;
gap: 3rem;
align-items: start;
}
}
.n92-about-testimonial__quote {
margin: 0;
font-size: clamp(1.05rem, 2.2vw, 1.35rem);
line-height: 1.65;
color: rgba(239, 236, 232, 0.88);
position: relative;
padding-left: 1.5rem;
}
.n92-about-testimonial__mark {
position: absolute;
left: 0;
top: -0.15rem;
font-family: var(--n92-site-font);
font-weight: 800;
font-size: 2rem;
color: var(--about-green);
line-height: 1;
}
.n92-about-testimonial__client {
margin: 1.25rem 0 0;
font-family: var(--n92-site-font);
font-weight: 700;
font-size: 0.85rem;
color: var(--about-pink);
text-transform: lowercase;
}
.n92-about-testimonial__nav {
display: flex;
flex-wrap: wrap;
gap: 0.45rem;
margin-top: 1.5rem;
}
.n92-about-testimonial__dot {
font-family: var(--n92-site-font);
font-weight: 700;
font-size: 0.65rem;
letter-spacing: 0.04em;
text-transform: lowercase;
padding: 0.45rem 0.7rem;
border: 1px solid rgba(239, 236, 232, 0.25);
border-radius: var(--n92-radius, 3px);
background: transparent;
color: rgba(239, 236, 232, 0.55);
cursor: pointer;
transition:
border-color 0.2s ease,
color 0.2s ease,
background 0.2s ease;
}
.n92-about-testimonial__dot.is-active,
.n92-about-testimonial__dot:hover {
border-color: var(--about-pink);
color: var(--about-cream);
background: rgba(255, 51, 119, 0.12);
}
/* ── CTA ── */
.n92-about-decide {
padding: var(--n92-section-y) var(--n92-page-gutter);
border-top: 1px solid rgba(255, 51, 119, 0.15);
}
.n92-about-decide__inner {
max-width: var(--n92-container);
margin-inline: auto;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 1.5rem;
}
.n92-about-decide__headline {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: clamp(1.5rem, 4vw, 2.5rem);
text-transform: lowercase;
margin: 0;
letter-spacing: -0.02em;
}
.n92-about-btn {
display: inline-flex;
align-items: center;
justify-content: center;
font-family: var(--n92-site-font);
font-weight: 700;
font-size: 0.78rem;
letter-spacing: 0.06em;
text-transform: lowercase;
padding: 0.75rem 1.35rem;
border-radius: var(--n92-radius, 3px);
text-decoration: none;
border: 1px solid transparent;
transition:
background 0.2s ease,
border-color 0.2s ease;
}
.n92-about-btn--pink {
background: var(--about-pink);
color: #fff;
border-color: var(--about-pink);
}
.n92-about-btn--pink:hover {
background: var(--about-pink-deep);
border-color: var(--about-pink-deep);
}
/* ── Quote ── */
.n92-about-quote {
padding: var(--n92-section-y-loose) var(--n92-page-gutter);
border-top: 1px solid rgba(255, 51, 119, 0.12);
}
.n92-about-quote__inner {
max-width: var(--n92-readable);
margin-inline: auto;
}
.n92-about-quote__text {
margin: 0;
font-family: var(--n92-site-font);
font-weight: 800;
font-size: clamp(1.5rem, 4.5vw, 3rem);
line-height: 1.15;
letter-spacing: -0.02em;
text-transform: lowercase;
}
.n92-about-quote__cite {
display: block;
margin-top: 1.25rem;
font-size: 0.85rem;
font-style: normal;
letter-spacing: 0.06em;
color: rgba(239, 236, 232, 0.5);
}
@media (prefers-reduced-motion: reduce) {
.n92-about-hero__cue-line {
animation: none !important;
}
}
/* About v3 editorial pass */
.n92-aboutv3 {
background: #efece8;
color: #0b1638;
}
.n92-aboutv3-wrap {
width: min(var(--n92-container), calc(100% - (var(--n92-page-gutter) * 2)));
margin-inline: auto;
}
.n92-aboutv3 :is(h1, h2, h3) {
color: #0b1638;
font-family: var(--n92-scale-font, "Schibsted Grotesk", sans-serif);
}
.n92-aboutv3-eyebrow {
margin: 0 0 0.9rem;
color: rgba(11, 22, 56, 0.62);
font-size: 0.86rem;
letter-spacing: 0.06em;
text-transform: lowercase;
}
.n92-aboutv3-display {
margin: 0;
font-size: clamp(2.2rem, 7.2vw, 5.4rem);
line-height: 0.95;
letter-spacing: -0.03em;
text-transform: lowercase;
}
.n92-aboutv3-lead {
max-width: 40rem;
margin: 1.5rem 0 0;
color: rgba(11, 22, 56, 0.84);
font-size: clamp(1.06rem, 1.4vw, 1.28rem);
line-height: 1.5;
}
.n92-aboutv3-copy {
margin: 0 0 1rem;
color: rgba(11, 22, 56, 0.86);
font-size: 1.02rem;
line-height: 1.75;
}
.n92-aboutv3-hero {
padding: clamp(5rem, 12vh, 9rem) 0 clamp(3rem, 7vh, 5rem);
}
.n92-aboutv3-hero__grid {
display: grid;
grid-template-columns: 1fr;
gap: clamp(1.8rem, 4vw, 3.5rem);
}
.n92-aboutv3-capabilities,
.n92-aboutv3-approach,
.n92-aboutv3-proof,
.n92-aboutv3-experience,
.n92-aboutv3-cta {
padding: clamp(3rem, 7vh, 5.5rem) 0;
border-top: 1px solid rgba(11, 22, 56, 0.1);
}
.n92-aboutv3-section-head h2 {
margin: 0;
font-size: clamp(1.9rem, 4.8vw, 3.6rem);
letter-spacing: -0.02em;
text-transform: lowercase;
}
.n92-aboutv3-section-head p {
margin: 0.85rem 0 0;
color: rgba(11, 22, 56, 0.72);
line-height: 1.6;
}
.n92-aboutv3-capabilities__grid {
list-style: none;
margin: 2rem 0 0;
padding: 0;
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
}
.n92-aboutv3-capabilities__grid li {
border: 1px solid rgba(11, 22, 56, 0.14);
background: rgba(255, 255, 255, 0.45);
padding: 1.2rem;
}
.n92-aboutv3-capabilities__grid h3 {
margin: 0 0 0.5rem;
font-size: 1.22rem;
text-transform: lowercase;
}
.n92-aboutv3-capabilities__grid p {
margin: 0;
color: rgba(11, 22, 56, 0.78);
line-height: 1.55;
}
.n92-aboutv3-approach__grid {
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
}
.n92-aboutv3-approach__grid h2 {
margin: 0 0 0.9rem;
font-size: clamp(1.8rem, 4.5vw, 3.2rem);
letter-spacing: -0.02em;
text-transform: lowercase;
}
.n92-aboutv3-approach__list {
margin: 0;
padding-left: 1.15rem;
color: rgba(11, 22, 56, 0.85);
display: grid;
gap: 0.8rem;
line-height: 1.6;
}
.n92-aboutv3-proof__links {
margin-top: 1.8rem;
display: flex;
flex-wrap: wrap;
gap: 0.7rem;
}
.n92-aboutv3-proof__links a {
color: #0b1638;
text-decoration: none;
border: 1px solid rgba(11, 22, 56, 0.2);
padding: 0.55rem 0.85rem;
font-size: 0.9rem;
font-weight: 600;
}
.n92-aboutv3-proof__links a:hover {
border-color: #ff3377;
color: #ff3377;
}
.n92-aboutv3-logos-grid {
list-style: none;
margin: 1.6rem 0 0;
padding: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.7rem;
}
.n92-aboutv3-logos-grid__item {
border: 1px solid rgba(11, 22, 56, 0.14);
background: rgba(255, 255, 255, 0.55);
padding: 0.9rem;
}
.n92-aboutv3-logos-grid__img {
width: 100%;
height: auto;
object-fit: contain;
filter: brightness(0) saturate(100%) invert(9%) sepia(28%) saturate(1324%) hue-rotate(192deg)
brightness(92%) contrast(95%);
}
.n92-aboutv3-cta__inner h2 {
margin: 0;
font-size: clamp(1.8rem, 4.2vw, 3.1rem);
letter-spacing: -0.02em;
text-transform: lowercase;
}
.n92-aboutv3-cta__inner p {
margin: 0.85rem 0 1.4rem;
color: rgba(11, 22, 56, 0.76);
line-height: 1.6;
}
.n92-aboutv3-cta__button {
display: inline-flex;
align-items: center;
justify-content: center;
background: #f2c500;
color: #111111;
text-decoration: none;
font-weight: 700;
border: 2px solid #f2c500;
padding: 0.74rem 1.25rem;
}
.n92-aboutv3-cta__button:hover {
background: #111111;
border-color: #111111;
color: #efece8;
}
@media (min-width: 900px) {
.n92-aboutv3-hero__grid,
.n92-aboutv3-approach__grid {
grid-template-columns: 1.1fr 0.9fr;
align-items: start;
gap: 3rem;
}
.n92-aboutv3-capabilities__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.n92-aboutv3-logos-grid {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
/* source: get-started-page.css */
/**
* Get started — conversion page
*/
.n92-gs {
--gs-pink: #FF3377;
--gs-pink-deep: #ff0062;
--gs-canvas: #EFECE8;
--gs-navy: #0B1638;
--gs-gold: #F2C500;
background: var(--gs-canvas);
color: var(--gs-navy);
font-family: var(--n92-site-font);
overflow-x: clip;
}
.n92-gs :is(h1, h2, h3) {
color: var(--gs-navy) !important;
}
.n92-gs-accent {
color: var(--gs-pink) !important;
}
#content:has(.n92-gs) {
padding: 0 !important;
margin: 0 !important;
max-width: none !important;
}
.n92-gs-eyebrow {
font-size: var(--n92-eyebrow);
letter-spacing: 0;
text-transform: lowercase;
color: rgba(11, 22, 56, 0.62);
margin: 0 0 1rem;
}
.n92-gs-hero {
padding: clamp(3.5rem, 8vh, 5.5rem) var(--n92-page-gutter) 1.5rem;
max-width: var(--n92-container);
margin-inline: auto;
position: relative;
}
.n92-gs-display {
font-family: var(--n92-site-font);
font-weight: 700;
font-size: var(--n92-display-1);
letter-spacing: -0.02em;
text-transform: lowercase;
line-height: 0.95;
margin: 0;
max-width: 14ch;
}
.n92-gs-hero-lead {
margin: 1.25rem 0 0;
max-width: 42ch;
font-size: clamp(0.95rem, 1.4vw, 1.05rem);
line-height: 1.6;
color: rgba(11, 22, 56, 0.78);
}
.n92-gs-intent {
margin: 1.5rem 0 0;
padding: 0.9rem 1.1rem;
max-width: 46rem;
background: rgba(255, 51, 119, 0.08);
border: 1px solid rgba(255, 51, 119, 0.25);
border-radius: var(--n92-radius, 3px);
}
.n92-gs-intent__text {
margin: 0;
font-size: 0.92rem;
line-height: 1.55;
color: rgba(11, 22, 56, 0.9);
}
.n92-gs-intent__text strong {
color: var(--gs-pink);
text-transform: lowercase;
}
.n92-gs-hero__cue {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
margin: 2rem auto 0;
font-size: 0.65rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: rgba(11, 22, 56, 0.45);
}
.n92-gs-hero__cue-line {
width: 1px;
height: 48px;
background: linear-gradient(to bottom, var(--gs-pink), transparent);
animation: n92-gs-cue 1.8s ease-in-out infinite;
}
@keyframes n92-gs-cue {
0%,
100% {
transform: scaleY(1);
opacity: 0.9;
}
50% {
transform: scaleY(0.6);
opacity: 0.35;
}
}
.n92-gs-rule {
height: 3px;
max-width: var(--n92-container);
margin: 0 auto;
background: rgba(11, 22, 56, 0.16);
}
.n92-gs-book {
padding: var(--n92-section-y) var(--n92-page-gutter);
}
.n92-gs-book__grid {
max-width: var(--n92-container);
margin-inline: auto;
display: grid;
grid-template-columns: 1fr;
gap: 2.5rem;
align-items: start;
}
@media (min-width: 900px) {
.n92-gs-book__grid {
grid-template-columns: 0.95fr 1.05fr;
gap: 3rem;
}
}
.n92-gs-headline {
font-family: var(--n92-site-font);
font-weight: 700;
font-size: clamp(1.75rem, 4vw, 2.75rem);
letter-spacing: -0.02em;
text-transform: lowercase;
margin: 0 0 1rem;
line-height: 1.05;
}
.n92-gs-lead {
margin: 0 0 1.5rem;
font-size: 1rem;
line-height: 1.7;
color: rgba(11, 22, 56, 0.78);
max-width: 38ch;
}
.n92-gs-contact-list {
list-style: none;
margin: 0 0 1.75rem;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.85rem;
}
.n92-gs-contact-link {
display: inline-flex;
align-items: center;
gap: 0.65rem;
color: var(--gs-navy);
text-decoration: none;
font-family: var(--n92-site-font);
font-weight: 700;
font-size: 0.95rem;
transition: color 0.2s ease;
}
.n92-gs-contact-link:hover {
color: var(--gs-pink);
}
.n92-gs-contact-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
border: 1px solid rgba(255, 189, 23, 0.45);
border-radius: var(--n92-radius, 3px);
color: var(--gs-gold);
font-size: 0.85rem;
}
.n92-gs-book__actions {
display: flex;
flex-wrap: wrap;
gap: 0.65rem;
}
.n92-gs-book__widget {
background:
linear-gradient(135deg, rgba(11, 22, 56, 0.05), rgba(255, 51, 119, 0.06)),
rgba(255, 255, 255, 0.65);
border: 1px solid rgba(11, 22, 56, 0.16);
border-radius: var(--n92-radius, 3px);
padding: 0.75rem;
overflow: hidden;
}
.n92-gs-calendly {
width: 100%;
min-height: clamp(420px, 45vw, 540px);
position: relative;
background:
linear-gradient(rgba(11, 22, 56, 0.08) 1px, transparent 1px),
linear-gradient(90deg, rgba(11, 22, 56, 0.06) 1px, transparent 1px);
background-size: 48px 48px;
}
.n92-gs-calendly:empty::after {
content: "";
position: absolute;
inset: 18%;
border: 1px solid rgba(11, 22, 56, 0.15);
background:
linear-gradient(90deg, transparent, rgba(11, 22, 56, 0.08), transparent),
rgba(255, 255, 255, 0.8);
opacity: 0.68;
}
.n92-gs-calendly-fallback {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.75rem;
min-height: clamp(260px, 30vw, 360px);
padding: 1rem;
border: 1px solid rgba(11, 22, 56, 0.2);
border-radius: var(--n92-radius, 3px);
background: rgba(255, 255, 255, 0.7);
}
.n92-gs-calendly-fallback p {
margin: 0;
color: rgba(11, 22, 56, 0.78);
font-size: 0.95rem;
line-height: 1.5;
}
.n92-gs-calendly-external {
margin: 0.8rem 0 0;
font-size: 0.82rem;
color: rgba(11, 22, 56, 0.7);
}
.n92-gs-calendly-external a {
color: var(--gs-pink);
font-weight: 700;
text-decoration: underline;
text-underline-offset: 0.15em;
}
.n92-gs-btn {
display: inline-flex;
align-items: center;
justify-content: center;
font-family: var(--n92-site-font);
font-weight: 700;
font-size: 0.78rem;
letter-spacing: 0;
text-transform: lowercase;
padding: 0.7rem 1.15rem;
border-radius: var(--n92-radius, 3px);
text-decoration: none;
border: 1px solid transparent;
cursor: pointer;
transition:
background 0.2s ease,
border-color 0.2s ease,
color 0.2s ease;
}
.n92-gs-btn--outline {
background: transparent;
color: var(--gs-navy);
border-color: rgba(11, 22, 56, 0.45);
}
.n92-gs-btn--outline:hover {
border-color: var(--gs-navy);
background: rgba(11, 22, 56, 0.05);
}
.n92-gs-btn--ghost {
background: transparent;
color: var(--gs-pink);
border-color: var(--gs-pink);
}
.n92-gs-btn--ghost:hover {
background: var(--gs-pink);
color: #fff;
}
.n92-gs-btn--primary {
background: var(--gs-gold);
color: #1d1d1d;
border-color: #c29c00;
width: 100%;
margin-top: 0.5rem;
}
.n92-gs-btn--primary:hover {
background: #dbb200;
border-color: #b38f00;
}
.n92-gs-btn--primary:disabled {
opacity: 0.6;
cursor: not-allowed;
}
/* ── Project paths ── */
.n92-gs-paths {
padding: var(--n92-section-y) var(--n92-page-gutter);
max-width: var(--n92-container);
margin-inline: auto;
}
@media (max-width: 430px) {
.n92-gs-hero {
padding: clamp(2rem, 5vh, 2.75rem) var(--n92-page-gutter) 0.5rem;
}
.n92-gs-hero-lead {
margin-top: 0.85rem;
}
.n92-gs-hero__cue {
margin: 0.75rem auto 0;
}
.n92-gs-hero__cue-line {
height: 24px;
}
.n92-gs-rule {
margin-top: 0.25rem;
}
.n92-gs-paths {
padding-top: clamp(1.25rem, 3vh, 1.75rem);
}
.n92-gs-paths__list {
margin-top: 1rem;
}
}
.n92-gs-paths__list {
list-style: none;
margin: 1.5rem 0 0;
padding: 0;
display: grid;
gap: 0.75rem;
}
@media (min-width: 768px) {
.n92-gs-paths__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.n92-gs-path-card {
display: flex;
flex-direction: column;
gap: 0.35rem;
padding: 1rem 1.1rem;
border: 1px solid rgba(11, 22, 56, 0.18);
border-radius: var(--n92-radius, 3px);
text-decoration: none;
color: var(--gs-navy);
background: rgba(255, 255, 255, 0.7);
transition: border-color 0.2s ease, background 0.2s ease;
height: 100%;
}
.n92-gs-path-card:hover,
.n92-gs-path-card:focus-visible {
border-color: rgba(255, 51, 119, 0.45);
background: rgba(255, 51, 119, 0.06);
}
.n92-gs-path-card__title {
font-family: var(--n92-site-font);
font-weight: 700;
font-size: 0.95rem;
text-transform: lowercase;
}
.n92-gs-path-card__copy {
font-size: 0.82rem;
line-height: 1.45;
color: rgba(11, 22, 56, 0.72);
flex: 1;
}
.n92-gs-path-card__cta {
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--gs-pink);
}
.n92-gs-path-card--split {
cursor: default;
}
.n92-gs-path-card--split:hover,
.n92-gs-path-card--split:focus-within {
border-color: rgba(255, 51, 119, 0.45);
background: rgba(255, 51, 119, 0.06);
}
.n92-gs-path-card__actions {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.45rem;
margin-top: 0.25rem;
}
.n92-gs-path-card__primary {
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--gs-pink);
background: none;
border: none;
padding: 0;
cursor: pointer;
font-family: inherit;
}
.n92-gs-path-card__primary:hover,
.n92-gs-path-card__primary:focus-visible {
color: var(--gs-pink-deep);
outline: 2px solid rgba(255, 51, 119, 0.45);
outline-offset: 2px;
}
.n92-gs-path-card__explore {
font-size: 0.75rem;
color: rgba(11, 22, 56, 0.62);
text-decoration: none;
text-transform: lowercase;
}
.n92-gs-path-card__explore:hover,
.n92-gs-path-card__explore:focus-visible {
color: var(--gs-navy);
text-decoration: underline;
}
/* ── Project inquiry form ── */
.n92-gs-inquiry {
padding: var(--n92-section-y) var(--n92-page-gutter);
border-top: 1px solid rgba(11, 22, 56, 0.12);
}
.n92-gs-inquiry__grid {
max-width: var(--n92-container);
margin-inline: auto;
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
align-items: start;
}
@media (min-width: 900px) {
.n92-gs-inquiry__grid {
grid-template-columns: 0.85fr 1.15fr;
gap: 3rem;
}
}
.n92-gs-inquiry__alt {
margin: 1rem 0 0;
font-size: 0.82rem;
color: rgba(11, 22, 56, 0.62);
}
.n92-gs-inquiry__alt a {
color: var(--gs-pink);
text-decoration: none;
font-weight: 700;
}
.n92-gs-form {
display: flex;
flex-direction: column;
gap: 1rem;
}
.n92-gs-form__helper {
margin: 0;
font-size: 0.82rem;
color: rgba(11, 22, 56, 0.65);
}
.n92-gs-form__fieldset {
margin: 0;
padding: 0;
border: 0;
display: flex;
flex-direction: column;
gap: 1rem;
}
.n92-gs-form__row--split {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
}
@media (min-width: 560px) {
.n92-gs-form__row--split {
grid-template-columns: 1fr 1fr;
}
}
.n92-gs-form__field label {
display: block;
margin-bottom: 0.35rem;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: rgba(11, 22, 56, 0.78);
}
.n92-gs-form__field :is(input, select, textarea) {
width: 100%;
box-sizing: border-box;
padding: 0.75rem 0.85rem;
font: inherit;
color: var(--gs-navy);
background: rgba(255, 255, 255, 0.84);
border: 1px solid rgba(11, 22, 56, 0.2);
border-radius: var(--n92-radius, 3px);
}
.n92-gs-form__field :is(input, select, textarea):focus-visible {
outline: none;
border-color: rgba(255, 51, 119, 0.65);
box-shadow: 0 0 0 3px rgba(255, 51, 119, 0.14);
}
.n92-gs-form__field textarea {
resize: vertical;
min-height: 6rem;
}
.n92-gs-form__error {
margin: 0;
font-size: 0.85rem;
color: var(--gs-pink-deep);
}
.n92-gs-form__status {
min-height: 1.2em;
margin: 0;
font-size: 0.82rem;
color: rgba(11, 22, 56, 0.72);
}
.n92-gs-form-success {
padding: 1.5rem;
border: 1px solid rgba(242, 197, 0, 0.6);
border-radius: var(--n92-radius, 3px);
background: rgba(242, 197, 0, 0.16);
}
.n92-gs-form-success__eyebrow {
margin: 0 0 0.5rem;
font-size: var(--n92-eyebrow);
color: rgba(11, 22, 56, 0.62);
text-transform: lowercase;
}
.n92-gs-form-success__title {
margin: 0 0 0.75rem;
font-family: var(--n92-site-font);
font-weight: 700;
font-size: 1.35rem;
text-transform: lowercase;
}
.n92-gs-form-success__body {
margin: 0 0 1rem;
font-size: 0.92rem;
line-height: 1.55;
color: rgba(11, 22, 56, 0.78);
}
.n92-gs-form-success__actions {
display: flex;
flex-wrap: wrap;
gap: 0.65rem;
}
.n92-gs-quote {
padding: var(--n92-section-y-loose) var(--n92-page-gutter);
border-top: 1px solid rgba(255, 51, 119, 0.12);
background: linear-gradient(180deg, rgba(11, 22, 56, 0.08) 0%, transparent 100%);
}
.n92-gs-quote__inner {
max-width: var(--n92-readable);
margin-inline: auto;
}
.n92-gs-quote__text {
margin: 0;
font-family: var(--n92-site-font);
font-weight: 700;
font-size: clamp(1.5rem, 4.5vw, 3rem);
line-height: 1.15;
letter-spacing: -0.02em;
text-transform: lowercase;
color: var(--gs-navy) !important;
}
.n92-gs-quote__cite {
display: block;
margin-top: 1.25rem;
font-size: 0.85rem;
font-style: normal;
letter-spacing: 0;
color: rgba(11, 22, 56, 0.55);
}
@media (prefers-reduced-motion: reduce) {
.n92-gs-hero__cue-line {
animation: none !important;
}
}
/* Mobile cards are tactile choices, not desktop hover targets. */
@media (max-width: 767px) {
.n92-gs-paths__list { gap: 0.9rem; }
.n92-gs-path-card {
min-width: 0;
padding: 1.35rem;
gap: 0.7rem;
border-radius: 14px;
border-color: rgba(11, 22, 56, 0.2);
box-shadow: 0 8px 24px rgba(11, 22, 56, 0.045);
}
.n92-gs-path-card__title { font-size: 1.18rem; line-height: 1.12; }
.n92-gs-path-card__copy { font-size: 0.94rem; line-height: 1.5; }
.n92-gs-path-card__actions {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 0.45rem 0.7rem;
margin-top: 0.55rem;
}
.n92-gs-path-card__primary {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0.65rem 0.9rem;
background: #0b1638;
border: 1px solid #0b1638;
border-radius: 999px;
color: #efece8;
font-size: 0.76rem;
}
.n92-gs-path-card__primary:active { background: #25345b; }
.n92-gs-path-card__explore {
display: inline-flex;
align-items: center;
min-height: 44px;
padding-inline: 0.4rem;
font-size: 0.82rem;
}
a.n92-gs-path-card { min-height: 185px; }
a.n92-gs-path-card .n92-gs-path-card__cta {
display: inline-flex;
align-items: center;
min-height: 44px;
font-size: 0.79rem;
margin-top: 0.35rem;
}
}
/* source: website-assessment-page.css */
/**
* Website & Brand Assessment — lower-friction conversion page
*/
.n92-assess {
--assess-pink: #ff3377;
--assess-pink-deep: #ff0062;
--assess-cream: #efece8;
--assess-blue: #002e72;
--assess-gold: #ffbd17;
background: #000;
color: var(--assess-cream);
overflow-x: clip;
}
.n92-assess :is(h1, h2, h3) {
color: var(--assess-cream) !important;
}
.n92-assess-accent {
color: var(--assess-pink) !important;
}
#content:has(.n92-assess) {
padding: 0 !important;
margin: 0 !important;
max-width: none !important;
}
.n92-assess-eyebrow {
font-size: var(--n92-eyebrow);
letter-spacing: 0;
text-transform: lowercase;
color: rgba(239, 236, 232, 0.45);
margin: 0 0 1rem;
}
.n92-assess-hero {
padding: clamp(3.5rem, 8vh, 5.5rem) var(--n92-page-gutter) 2.5rem;
max-width: calc(var(--n92-readable) + 220px);
margin-inline: auto;
}
.n92-assess-display {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: var(--n92-display-1);
letter-spacing: -0.02em;
text-transform: lowercase;
line-height: 0.98;
margin: 0 0 1.25rem;
max-width: 16ch;
}
.n92-assess-lead {
margin: 0;
font-size: 1.05rem;
line-height: 1.65;
color: rgba(239, 236, 232, 0.75);
max-width: 58ch;
}
.n92-assess-rule {
height: 3px;
max-width: calc(var(--n92-readable) + 220px);
margin: 0 auto;
background: rgba(255, 255, 255, 0.92);
}
.n92-assess-fit {
padding: var(--n92-section-y) var(--n92-page-gutter);
max-width: calc(var(--n92-readable) + 220px);
margin-inline: auto;
}
.n92-assess-headline {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: clamp(1.5rem, 3.5vw, 2.25rem);
letter-spacing: -0.02em;
text-transform: lowercase;
margin: 0 0 2rem;
}
.n92-assess-fit__grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.25rem;
}
@media (min-width: 780px) {
.n92-assess-fit__grid {
grid-template-columns: repeat(3, 1fr);
}
}
.n92-assess-fit__card {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(239, 236, 232, 0.14);
border-radius: var(--n92-radius, 3px);
padding: 1.5rem;
}
.n92-assess-fit__card h3 {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: 1.05rem;
text-transform: lowercase;
margin: 0 0 0.6rem;
color: var(--assess-pink) !important;
}
.n92-assess-fit__card p {
margin: 0;
font-size: 0.92rem;
line-height: 1.55;
color: rgba(239, 236, 232, 0.7);
}
.n92-assess-cta {
padding: var(--n92-section-y-loose) var(--n92-page-gutter);
border-top: 1px solid rgba(255, 51, 119, 0.12);
background: linear-gradient(180deg, rgba(0, 46, 114, 0.14) 0%, transparent 100%);
}
.n92-assess-cta__inner {
max-width: var(--n92-readable);
margin-inline: auto;
}
.n92-assess-cta__headline {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: clamp(1.75rem, 4vw, 2.5rem);
letter-spacing: -0.02em;
text-transform: lowercase;
margin: 0 0 1rem;
}
.n92-assess-cta__body {
margin: 0 0 1.75rem;
font-size: 1rem;
line-height: 1.65;
color: rgba(239, 236, 232, 0.72);
max-width: 54ch;
}
.n92-assess-cta__actions {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
}
.n92-assess-btn {
display: inline-flex;
align-items: center;
justify-content: center;
font-family: var(--n92-site-font);
font-weight: 700;
font-size: 0.82rem;
letter-spacing: 0;
text-transform: lowercase;
padding: 0.85rem 1.5rem;
border-radius: var(--n92-radius, 3px);
text-decoration: none;
border: 1px solid transparent;
cursor: pointer;
transition:
background 0.2s ease,
border-color 0.2s ease,
color 0.2s ease;
}
.n92-assess-btn--pink {
background: var(--assess-pink);
color: #050505;
}
.n92-assess-btn--pink:hover {
background: var(--assess-pink-deep);
}
.n92-assess-btn--outline {
background: transparent;
color: var(--assess-cream);
border-color: rgba(239, 236, 232, 0.45);
}
.n92-assess-btn--outline:hover {
border-color: var(--assess-cream);
}
/* source: rfp-page.css */
/**
* Submit an RFP — procurement-friendly conversion page
*/
.n92-rfp {
--rfp-pink: #ff3377;
--rfp-pink-deep: #ff0062;
--rfp-cream: #efece8;
--rfp-blue: #002e72;
--rfp-gold: #ffbd17;
background: #000;
color: var(--rfp-cream);
overflow-x: clip;
}
.n92-rfp :is(h1, h2, h3) {
color: var(--rfp-cream) !important;
}
#content:has(.n92-rfp) {
padding: 0 !important;
margin: 0 !important;
max-width: none !important;
}
.n92-rfp-eyebrow {
font-size: var(--n92-eyebrow);
letter-spacing: 0;
text-transform: lowercase;
color: rgba(239, 236, 232, 0.45);
margin: 0 0 1rem;
}
.n92-rfp-hero {
padding: clamp(3.5rem, 8vh, 5.5rem) var(--n92-page-gutter) 2.5rem;
max-width: calc(var(--n92-readable) + 140px);
margin-inline: auto;
}
.n92-rfp-display {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: var(--n92-display-1);
letter-spacing: -0.02em;
text-transform: lowercase;
line-height: 0.98;
margin: 0 0 1.25rem;
}
.n92-rfp-lead {
margin: 0;
font-size: 1.05rem;
line-height: 1.65;
color: rgba(239, 236, 232, 0.75);
max-width: 56ch;
}
.n92-rfp-rule {
height: 3px;
max-width: calc(var(--n92-readable) + 140px);
margin: 0 auto;
background: rgba(255, 255, 255, 0.92);
}
.n92-rfp-form-section {
padding: var(--n92-section-y) var(--n92-page-gutter);
}
.n92-rfp-form-wrap,
.n92-rfp-confirm {
max-width: calc(var(--n92-readable) + 140px);
margin-inline: auto;
}
.n92-rfp-form {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.n92-rfp-grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.1rem;
}
@media (min-width: 720px) {
.n92-rfp-grid {
grid-template-columns: 1fr 1fr;
gap: 1.25rem 1.5rem;
}
}
.n92-rfp-field {
display: flex;
flex-direction: column;
gap: 0.4rem;
font-size: 0.72rem;
letter-spacing: 0;
text-transform: lowercase;
color: rgba(239, 236, 232, 0.6);
}
.n92-rfp-field--full {
grid-column: 1 / -1;
}
.n92-rfp-field input,
.n92-rfp-field select,
.n92-rfp-field textarea {
font-family: var(--n92-site-font);
font-size: 0.95rem;
color: var(--rfp-cream);
background: rgba(255, 255, 255, 0.035);
border: 1px solid rgba(239, 236, 232, 0.28);
border-radius: var(--n92-radius, 3px);
min-height: 3.1rem;
padding: 0.85rem 0.95rem;
resize: vertical;
}
.n92-rfp-field input:focus,
.n92-rfp-field select:focus,
.n92-rfp-field textarea:focus {
outline: none;
border-color: var(--rfp-pink);
}
.n92-rfp-hint {
margin: -0.4rem 0 0;
font-size: 0.8rem;
line-height: 1.55;
color: rgba(239, 236, 232, 0.55);
}
.n92-rfp-hint a {
color: var(--rfp-pink);
}
.n92-rfp-error {
margin: 0;
font-size: 0.85rem;
color: var(--rfp-pink);
}
.n92-rfp-field-error {
margin: 0.35rem 0 0;
font-size: 0.82rem;
color: var(--rfp-pink);
}
.n92-rfp-btn {
display: inline-flex;
align-items: center;
justify-content: center;
align-self: flex-start;
font-family: var(--n92-site-font);
font-weight: 700;
font-size: 0.82rem;
letter-spacing: 0;
text-transform: lowercase;
padding: 0.85rem 1.5rem;
border-radius: var(--n92-radius, 3px);
text-decoration: none;
border: 1px solid transparent;
cursor: pointer;
transition:
background 0.2s ease,
border-color 0.2s ease,
color 0.2s ease;
}
.n92-rfp-btn--pink {
background: var(--rfp-pink);
color: #050505;
}
.n92-rfp-btn--pink:hover {
background: var(--rfp-pink-deep);
}
.n92-rfp-btn--pink:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.n92-rfp-btn--outline {
background: transparent;
color: var(--rfp-cream);
border-color: rgba(239, 236, 232, 0.45);
}
.n92-rfp-btn--outline:hover {
border-color: var(--rfp-cream);
}
.n92-rfp-btn--ghost {
background: transparent;
color: var(--rfp-pink);
border-color: var(--rfp-pink);
}
.n92-rfp-btn--ghost:hover {
background: var(--rfp-pink);
color: #050505;
}
.n92-rfp-confirm__eyebrow {
font-size: var(--n92-eyebrow);
letter-spacing: 0;
text-transform: lowercase;
color: var(--rfp-pink);
margin: 0 0 0.75rem;
}
.n92-rfp-confirm__title {
font-family: var(--n92-site-font);
font-weight: 800;
font-size: clamp(1.75rem, 4vw, 2.5rem);
letter-spacing: -0.02em;
text-transform: lowercase;
margin: 0 0 1rem;
}
.n92-rfp-confirm__body {
margin: 0 0 1.5rem;
font-size: 1rem;
line-height: 1.65;
color: rgba(239, 236, 232, 0.75);
max-width: 56ch;
}
.n92-rfp-confirm__contact {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
margin: 0 0 2rem;
}
.n92-rfp-confirm__contact a {
color: var(--rfp-cream);
font-weight: 700;
text-decoration: none;
}
.n92-rfp-confirm__contact a:hover {
color: var(--rfp-pink);
}
.n92-rfp-confirm__actions {
display: flex;
flex-wrap: wrap;
gap: 0.65rem;
}
/* source: not-found-page.css */
/**
* 404 — not found
*/
.n92-404 {
--nf-pink: #ff3377;
--nf-pink-deep: #ff0062;
--nf-cream: #efece8;
--nf-blue: #002e72;
background: #000;
color: var(--nf-cream);
overflow-x: clip;
min-height: min(72vh, 720px);
}
.n92-404 :is(h1, h2) {
color: var(--nf-cream) !important;
}
#content:has(.n92-404) {
padding: 0 !important;
margin: 0 !important;
max-width: none !important;
}
.n92-404-hero {
padding: clamp(4rem, 12vh, 7rem) clamp(1.5rem, 5vw, 5.5rem) 2rem;
max-width: 1160px;
margin-inline: auto;
}
.n92-404-code {
font-family: gilroy, sans-serif;
font-weight: 800;
font-size: clamp(4rem, 18vw, 11rem);
line-height: 0.85;
letter-spacing: -0.04em;
margin: 0 0 0.35rem;
color: var(--nf-pink) !important;
opacity: 0.92;
}
.n92-404-headline {
font-family: gilroy, sans-serif;
font-weight: 800;
font-size: clamp(2rem, 5.5vw, 3.5rem);
letter-spacing: -0.02em;
text-transform: lowercase;
line-height: 1.02;
margin: 0 0 1rem;
max-width: 16ch;
}
.n92-404-lead {
margin: 0;
max-width: 42ch;
font-size: 1rem;
line-height: 1.7;
color: rgba(239, 236, 232, 0.72);
}
.n92-404-actions {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-top: 2rem;
}
.n92-404-btn {
display: inline-flex;
align-items: center;
justify-content: center;
font-family: gilroy, sans-serif;
font-weight: 700;
font-size: 0.78rem;
letter-spacing: 0.06em;
text-transform: lowercase;
padding: 0.75rem 1.25rem;
border-radius: var(--n92-radius, 3px);
text-decoration: none;
border: 1px solid transparent;
transition:
background 0.2s ease,
border-color 0.2s ease,
color 0.2s ease;
}
.n92-404-btn--primary {
background: var(--nf-pink);
color: #fff;
border-color: var(--nf-pink);
}
.n92-404-btn--primary:hover {
background: var(--nf-pink-deep);
border-color: var(--nf-pink-deep);
}
.n92-404-btn--outline {
background: transparent;
color: var(--nf-cream);
border-color: rgba(239, 236, 232, 0.45);
}
.n92-404-btn--outline:hover {
border-color: var(--nf-cream);
}
.n92-404-rule {
height: 3px;
max-width: 1160px;
margin: 0 auto;
background: rgba(255, 255, 255, 0.92);
}
.n92-404-links {
padding: clamp(2.5rem, 6vh, 4rem) clamp(1.5rem, 5vw, 5.5rem) clamp(4rem, 10vh, 6rem);
max-width: 1160px;
margin-inline: auto;
}
.n92-404-eyebrow {
font-size: 0.68rem;
letter-spacing: 0.1em;
text-transform: lowercase;
color: rgba(239, 236, 232, 0.45);
margin: 0 0 1.25rem;
}
.n92-404-links__grid {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.65rem 1.5rem;
}
@media (min-width: 640px) {
.n92-404-links__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 900px) {
.n92-404-links__grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.n92-404-link {
display: inline-block;
font-family: gilroy, sans-serif;
font-weight: 700;
font-size: 0.95rem;
letter-spacing: 0.02em;
text-transform: lowercase;
color: var(--nf-cream);
text-decoration: none;
padding: 0.35rem 0;
border-bottom: 1px solid transparent;
transition:
color 0.2s ease,
border-color 0.2s ease;
}
.n92-404-link:hover {
color: var(--nf-pink);
border-color: rgba(255, 51, 119, 0.35);
}
/* source: page-fixes.css */
/**
* Dark-theme normalization for WP-era builder pages.
* Themify exports shipped light-theme defaults: black headings, WP-red links
* (#ed1e24), white accordion bars, white pill buttons.
*
* Scope: every builder page EXCEPT the homepage (content-22, has its own
* generated CSS) and case studies (#pagewrap.n92-case-study, styled by
* case-study-ux.css). Footer lives outside #content, so it's untouched.
* Blog posts render raw WP markup (no themify wrapper) — covered by the
* direct-child rules at the bottom.
*/
/* ── Headings ── */
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) h1,
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) h2,
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) h3,
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) h4,
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) h5 {
color: #efece8 !important;
}
/* ── Body text ── */
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) p,
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) li,
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) .tb_text_wrap {
color: rgba(239, 236, 232, 0.78);
}
/* ── Links: WP-red → brand pink ── */
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) .tb_text_wrap a,
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) a[href^="mailto:"],
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) a[href^="tel:"],
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) .themify-icon-label {
color: #ff3377 !important;
text-decoration: none;
}
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) .tb_text_wrap a:hover {
color: #efece8 !important;
}
/* inline black WP icon colors */
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) .themify-icon-icon,
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) .themify-icon-icon svg {
color: #ff3377 !important;
fill: #ff3377 !important;
}
/* headings stay cream when linked */
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) :is(h1, h2, h3) a {
color: #efece8 !important;
}
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) :is(h1, h2, h3) a:hover {
color: #ff3377 !important;
}
/* ── FAQ accordions: white WP bars → dark bordered panels ── */
/* the white surface lives on the ul/li, not just the title bar */
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) ul.module-accordion,
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) .module-accordion li,
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) .module-accordion .accordion-content {
background: transparent !important;
background-color: transparent !important;
}
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) .module-accordion li {
border: 0 !important;
}
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) .module-accordion .accordion-title {
background: transparent !important;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 0;
margin-bottom: 0.6rem;
}
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) .module-accordion .accordion-title a {
color: #efece8 !important;
display: block;
padding: 0.9em 1.1em;
font-weight: 700;
}
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) .module-accordion .accordion-title a:hover {
color: #ff3377 !important;
}
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) .module-accordion .accordion-content {
padding: 0.25em 1.1em 1em;
}
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) .module-accordion .accordion-content p {
color: rgba(239, 236, 232, 0.78) !important;
}
/* ── Buttons: WP pills → brand pink ── */
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) .module-buttons .module-buttons-item a {
background: #ff3377 !important;
color: #fff !important;
border-color: #ff3377 !important;
font-weight: 800;
letter-spacing: 0.075em;
}
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) .module-buttons .module-buttons-item a:hover {
background: #ff0062 !important;
border-color: #ff0062 !important;
color: #fff !important;
}
/* light WP boxes → raised dark surface */
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) .module-box {
background-color: #171717 !important;
color: rgba(239, 236, 232, 0.78);
}
/* ── Blog posts: raw WP markup with no themify wrapper ── */
#pagewrap:not(.n92-case-study) #content .themify-builder-output > h1,
#pagewrap:not(.n92-case-study) #content .themify-builder-output > h2,
#pagewrap:not(.n92-case-study) #content .themify-builder-output > h3,
#pagewrap:not(.n92-case-study) #content .themify-builder-output > h4 {
color: #efece8 !important;
}
#pagewrap:not(.n92-case-study) #content .themify-builder-output > p,
#pagewrap:not(.n92-case-study) #content .themify-builder-output > ul,
#pagewrap:not(.n92-case-study) #content .themify-builder-output > ol,
#pagewrap:not(.n92-case-study) #content .themify-builder-output > p span {
color: rgba(239, 236, 232, 0.78) !important;
}
#pagewrap:not(.n92-case-study) #content .themify-builder-output > p a,
#pagewrap:not(.n92-case-study) #content .themify-builder-output > ul a {
color: #ff3377 !important;
}
/* ── Mobile: stack builder columns (WP per-page generated CSS not ported) ── */
@media (max-width: 680px) {
/* Themify rows are CSS grid driven by --area/--col custom props — collapse
the named areas so columns auto-flow into a single track */
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) [class*="tb_col_count_"] {
grid-template-areas: none !important;
grid-template-columns: 1fr !important;
grid-auto-flow: row;
}
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) .module_column,
#pagewrap:not(.n92-case-study) #content .themify_builder_content:not(.themify_builder_content-22) .sub_column {
grid-area: auto !important;
grid-column: 1 / -1 !important;
width: 100% !important;
max-width: 100% !important;
}
}
/* raw posts: constrain width + breathing room */
#pagewrap:not(.n92-case-study) #content .themify-builder-output > h1:first-child,
#pagewrap:not(.n92-case-study) #content .themify-builder-output > p:first-child {
padding-top: clamp(90px, 14vh, 150px);
}
/* source: site-shell.css */
/**
* Global site shell — shared header bar, desktop nav, footer editorial (Batch 2.5).
* Loads late in layout.tsx so closed-header #111 beats legacy transparent rules.
*/
/* Schibsted is self-hosted through the Next.js root font configuration. */
:root {
--n92-shell-ink: #111111;
--n92-shell-cream: #efece8;
--n92-shell-navy: #0b1638;
--n92-shell-gold: #f2c500;
/* Canonical design system: Schibsted on every page, predictable viewport gutters. */
--n92-site-font: var(--n92-schibsted), "Helvetica Neue", system-ui, sans-serif;
--n92-shell-font: var(--n92-site-font);
--n92-container: 100%;
--n92-readable: 62rem;
--n92-display-1: clamp(3rem, 8vw, 7.5rem);
--n92-display-2: clamp(2rem, 4.5vw, 4rem);
--n92-eyebrow: 0.875rem;
--n92-section-y: clamp(3rem, 7vw, 6rem);
--n92-section-y-loose: clamp(4rem, 9vw, 8rem);
--n92-hairline: rgba(239, 236, 232, 0.16);
--n92-on-dark: #efece8;
--n92-on-light: #0b1638;
--n92-surface-dark: #111111;
--n92-surface-navy: #0b1638;
--n92-accent-pink: #ff3377;
--n92-cta-gold: #f2c500;
--n92-page-gutter: clamp(18px, 4vw, 56px);
}
/* Shared type foundation; preserve icon-specific font families. */
body.ninety-two-site,
body.ninety-two-site #content {
font-family: var(--n92-site-font);
}
#pagewrap #content :is(h1, h2, h3, h4, h5, h6) {
font-family: var(--n92-site-font) !important;
}
/* ── Header bar (menu closed) ── */
body.ninety-two-site.header-overlay.transparent-header:not(.mobile-menu-visible) #headerwrap,
body.ninety-two-site.transparent-header:not(.mobile-menu-visible) #headerwrap,
body.ninety-two-site:not(.mobile-menu-visible) #headerwrap.fixed-header {
background: var(--n92-shell-ink) !important;
background-color: var(--n92-shell-ink) !important;
border-bottom: 1px solid rgba(239, 236, 232, 0.08) !important;
box-shadow: none !important;
min-height: clamp(58px, 7vw, 70px) !important;
}
body.ninety-two-site:not(.mobile-menu-visible) #headerwrap #header,
body.ninety-two-site:not(.mobile-menu-visible) #headerwrap .header-bar,
body.ninety-two-site:not(.mobile-menu-visible) #headerwrap .header-icons {
background: transparent !important;
background-color: transparent !important;
}
body.ninety-two-site:not(.mobile-menu-visible) #headerwrap #header,
body.ninety-two-site:not(.mobile-menu-visible) #headerwrap #header.pagewidth {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0;
width: 100% !important;
max-width: none !important;
min-height: clamp(58px, 7vw, 70px) !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box;
}
body.ninety-two-site:not(.mobile-menu-visible) #headerwrap .header-bar {
display: flex;
align-items: center;
justify-content: space-between;
flex: 1 1 auto;
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
min-height: clamp(58px, 7vw, 70px);
padding-left: max(var(--n92-page-gutter), env(safe-area-inset-left, 0px));
padding-right: max(var(--n92-page-gutter), env(safe-area-inset-right, 0px));
box-sizing: border-box;
}
body.ninety-two-site:not(.mobile-menu-visible) #headerwrap .header-icons {
position: absolute;
top: 50%;
right: max(var(--n92-page-gutter, 1.25rem), env(safe-area-inset-right, 0px));
transform: translateY(-50%);
z-index: 10001;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
}
body.ninety-two-site:not(.mobile-menu-visible) #site-logo {
margin: 0 !important;
line-height: 0 !important;
}
body.ninety-two-site:not(.mobile-menu-visible) #site-logo a {
display: inline-flex !important;
align-items: center;
}
body.ninety-two-site:not(.mobile-menu-visible) #site-logo img.site-logo-image {
display: block;
width: clamp(118px, 16vw, 130px) !important;
max-width: clamp(118px, 16vw, 130px) !important;
height: auto !important;
}
body.ninety-two-site:not(.mobile-menu-visible) #menu-icon {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 44px !important;
height: 44px !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
body.ninety-two-site:not(.mobile-menu-visible) #menu-icon .menu-icon-inner {
filter: none;
}
/* Desktop primary nav */
.n92-desktop-nav {
display: none;
font-family: var(--n92-shell-font);
}
.n92-desktop-nav__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: clamp(1rem, 2.2vw, 1.75rem);
}
.n92-desktop-nav__list a {
color: var(--n92-shell-cream);
text-decoration: none;
font-size: 0.95rem;
font-weight: 500;
letter-spacing: 0.01em;
line-height: 1.2;
transition: color 0.2s ease, opacity 0.2s ease;
}
.n92-desktop-nav__list a:hover {
color: #fff;
}
.n92-desktop-nav__list a:focus-visible {
outline: 2px solid var(--n92-shell-gold);
outline-offset: 3px;
}
.n92-header-cta {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.55em 1.15em;
border-radius: 999px;
background: var(--n92-cta-gold) !important;
color: #000000 !important;
font-weight: 700 !important;
font-size: 0.88rem !important;
letter-spacing: 0.02em;
text-transform: none;
border: none;
box-shadow: none;
}
.n92-header-cta:hover {
color: #000000 !important;
filter: brightness(1.05);
}
.n92-header-cta:focus-visible {
outline: 2px solid var(--n92-shell-cream);
outline-offset: 3px;
}
@media (min-width: 760px) {
.n92-desktop-nav {
display: block;
}
body.ninety-two-site:not(.mobile-menu-visible) #headerwrap .header-icons {
display: none !important;
}
}
@media (max-width: 759px) {
.n92-desktop-nav {
display: none !important;
}
}
#menu-icon:focus-visible {
outline: 2px solid var(--n92-shell-gold) !important;
outline-offset: 4px !important;
}
/* ── Footer shell (editorial) ── */
#tbp_footer,
#tbp_footer .themify_builder_content-811 .tb_in6m751 {
background-color: var(--n92-surface-dark) !important;
color: var(--n92-on-dark);
font-family: var(--n92-shell-font);
margin: 0;
padding: 0;
border: none;
}
#tbp_footer .themify_builder_content-811 .tb_in6m751 {
padding-top: clamp(4.5rem, 9vh, 7rem) !important;
padding-bottom: clamp(3.5rem, 7vh, 5.5rem) !important;
}
#tbp_footer .themify_builder_content-811 .tb_in6m751 > .row_inner {
width: min(var(--n92-container, 1280px), calc(100% - (var(--n92-page-gutter, 1.25rem) * 2))) !important;
max-width: var(--n92-container, 1280px) !important;
margin-inline: auto;
}
#tbp_footer .n92-footer-module {
margin: 0 !important;
padding: 0 !important;
}
#tbp_footer .n92-site-footer {
display: grid;
gap: clamp(2.25rem, 4.5vw, 4rem);
}
/* Guard against stale exported footer rows rendering duplicate copy blocks. */
#tbp_footer .themify_builder_content-811 > .module_row:not(.n92-footer-shell-row) {
display: none !important;
}
/* Invite block (interior pages) */
#tbp_footer .n92-footer-invite {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: clamp(0.9rem, 2vw, 1.2rem);
max-width: 48rem;
}
#tbp_footer .n92-footer-invite + .n92-footer-invite {
display: none !important;
}
#tbp_footer .n92-footer-invite__headline {
margin: 0;
font-family: var(--n92-shell-font);
font-size: clamp(2.8rem, 8vw, 7rem);
font-weight: 800;
line-height: 0.9;
letter-spacing: -0.055em;
color: var(--n92-on-dark) !important;
text-transform: lowercase;
}
#tbp_footer .n92-footer-invite__support {
margin: 0;
font-size: clamp(1rem, 1.8vw, 1.15rem);
line-height: 1.45;
color: rgba(239, 236, 232, 0.78) !important;
max-width: 38ch;
}
#tbp_footer .n92-footer-cta {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 0.35rem;
padding: 0.7em 1.35em;
border-radius: 999px;
background: var(--n92-cta-gold) !important;
color: #000000 !important;
font-weight: 700;
font-size: 0.95rem;
letter-spacing: 0.01em;
text-decoration: none;
text-transform: lowercase;
transition: filter 0.2s ease, transform 0.2s ease;
}
#tbp_footer .n92-footer-cta:hover {
color: #000000 !important;
filter: brightness(1.06);
text-decoration: none;
}
#tbp_footer .n92-footer-cta:focus-visible {
outline: 2px solid var(--n92-on-dark);
outline-offset: 3px;
}
/* Homepage: quiet footer — hide invite + gold CTA only */
#pagewrap:has(.scale) #tbp_footer .n92-footer-invite {
display: none !important;
}
#pagewrap:has(.scale) #tbp_footer .themify_builder_content-811 .tb_in6m751 {
padding-top: clamp(3rem, 6vh, 4.25rem) !important;
}
#tbp_footer .n92-footer-divider {
width: 100%;
height: 0;
margin: 0;
border: none;
border-top: 1px solid rgba(239, 236, 232, 0.14);
}
#tbp_footer .n92-footer-brand {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
#tbp_footer .n92-footer-wordmark {
display: inline-block;
line-height: 0;
}
#tbp_footer .n92-footer-wordmark img {
width: auto;
max-width: min(220px, 52vw);
height: auto;
}
#tbp_footer .n92-footer-studio-line {
margin: 0;
font-size: clamp(0.95rem, 1.6vw, 1.05rem);
line-height: 1.45;
color: rgba(239, 236, 232, 0.72) !important;
max-width: 28ch;
text-transform: lowercase;
}
#tbp_footer .n92-footer-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(1.75rem, 4vw, 2.5rem) clamp(1.25rem, 3vw, 2rem);
}
#tbp_footer .n92-footer-col {
min-width: 0;
}
@media (min-width: 960px) {
#tbp_footer .n92-footer-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
#tbp_footer .n92-footer-newsletter {
grid-column: span 2;
}
}
@media (min-width: 900px) {
#tbp_footer .n92-footer-brand {
display: grid;
grid-template-columns: minmax(180px, 0.35fr) minmax(0, 1fr);
align-items: end;
column-gap: clamp(2rem, 6vw, 6rem);
}
#tbp_footer .n92-footer-studio-line {
max-width: 34ch;
}
}
#tbp_footer .n92-footer-col__label {
margin: 0 0 0.75rem;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: rgba(239, 236, 232, 0.45) !important;
}
#tbp_footer .n92-footer-links {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.45rem;
}
#tbp_footer .n92-footer-links a {
color: var(--n92-on-dark);
text-decoration: none;
font-size: 0.92rem;
line-height: 1.35;
text-transform: lowercase;
transition: color 0.2s ease;
}
#tbp_footer .n92-site-footer a:hover {
color: var(--n92-accent-pink);
text-decoration: none;
}
#tbp_footer .n92-site-footer a:focus-visible {
outline: 2px solid var(--n92-cta-gold);
outline-offset: 2px;
}
#tbp_footer .n92-footer-cta:hover {
color: #000000 !important;
}
/* Newsletter — subdued */
#tbp_footer .n92-footer-newsletter {
opacity: 0.92;
}
#tbp_footer .n92-footer-newsletter__lede {
margin: 0 0 0.85rem;
font-size: 0.88rem;
color: rgba(239, 236, 232, 0.55) !important;
text-transform: lowercase;
}
#tbp_footer .mc4wp-form {
margin: 0;
}
#tbp_footer .mc4wp-form-fields p {
display: flex;
flex-direction: column;
gap: 0.5rem;
margin: 0;
min-width: 0;
}
#tbp_footer .mc4wp-form-fields label {
min-width: 0;
}
#tbp_footer .mc4wp-form input[type="email"] {
width: 100%;
min-width: 0;
box-sizing: border-box;
padding: 0.55em 0.75em;
border-radius: 4px;
border: 1px solid rgba(239, 236, 232, 0.2);
background: rgba(255, 255, 255, 0.06) !important;
color: var(--n92-on-dark) !important;
caret-color: var(--n92-on-dark);
font-family: var(--n92-shell-font);
font-size: 0.9rem;
}
#tbp_footer .mc4wp-form input[type="email"]::placeholder {
color: rgba(239, 236, 232, 0.4) !important;
opacity: 1;
}
#tbp_footer .mc4wp-form input[type="submit"] {
align-self: flex-start;
padding: 0.5em 1em;
border-radius: 4px;
border: 1px solid rgba(239, 236, 232, 0.22) !important;
background: transparent !important;
color: var(--n92-on-dark) !important;
font-family: var(--n92-shell-font);
font-size: 0.82rem;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: lowercase;
cursor: pointer;
transition: border-color 0.2s ease, color 0.2s ease;
}
#tbp_footer .mc4wp-form input[type="submit"]:hover {
border-color: var(--n92-accent-pink) !important;
color: var(--n92-accent-pink) !important;
}
#tbp_footer .n92-footer-bottom {
padding-top: 0.5rem;
border-top: 1px solid rgba(239, 236, 232, 0.08);
}
#tbp_footer .n92-footer-copyright {
margin: 0;
font-size: 0.78rem;
color: rgba(239, 236, 232, 0.42) !important;
text-transform: lowercase;
overflow-wrap: anywhere;
}
/* Hide any legacy Themify footer modules if present in cached HTML */
#tbp_footer .n92-footer-editorial,
#tbp_footer .n92-footer-contact,
#tbp_footer .tb_etgs627.module-buttons,
#tbp_footer .themify_builder_content-811 .tb_fdpr397,
#tbp_footer .themify_builder_content-811 .tb_c6ne753:not(:has(.n92-site-footer)),
#tbp_footer .themify_builder_content-811 .tb_25s0148:not(:has(.n92-site-footer)) {
display: none !important;
}
@media (max-width: 680px) {
#tbp_footer .themify_builder_content-811 .tb_in6m751 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
#tbp_footer .themify_builder_content-811 .tb_in6m751 > .row_inner {
width: calc(100% - 2.5rem) !important;
}
}
/* source: site-contrast.css */
/**
* Sitewide contrast repairs (Batch 2.5 corrective).
* Loaded after site-shell.css — targeted selectors only.
*/
/* ── Dark surfaces: cream body, pink interactive ── */
#tbp_footer .n92-site-footer,
#tbp_footer .n92-site-footer .tb_text_wrap,
body.n92-case-study #content .themify_builder_content,
#content:has(.n92-gs),
#content:has(.scale) .start,
#content:has(.workIndex) .start {
--n92-contrast-ink: var(--n92-on-dark, #efece8);
--n92-contrast-accent: var(--n92-accent-pink, #ff3377);
}
#tbp_footer .n92-site-footer :is(p, li, h2, h3, span):not(.n92-footer-cta) {
color: inherit;
}
/* Footer links: never black/navy on dark */
#tbp_footer .n92-site-footer a:not(.n92-footer-cta):not(.n92-header-cta) {
color: var(--n92-on-dark, #efece8);
}
#tbp_footer .n92-site-footer a:not(.n92-footer-cta):hover,
#tbp_footer .n92-site-footer a:not(.n92-footer-cta):focus-visible {
color: var(--n92-accent-pink, #ff3377);
}
/* Header gold CTA — black text (beats legacy navy) */
#headerwrap .n92-header-cta,
#headerwrap a.n92-header-cta {
color: #000000 !important;
}
#headerwrap .n92-header-cta:hover {
color: #000000 !important;
}
/* Homepage scale — cream sections use navy ink */
#content:has(.scale) .scale {
color: var(--n92-on-light, #0b1638);
}
#content:has(.scale) .scale a:not(.cta):not(.n92-footer-cta):not(#chain a) {
color: var(--n92-on-light, #0b1638);
}
#content:has(.scale) .scale a:not(.cta):not(#chain a):hover {
color: var(--n92-accent-pink, #ff3377);
}
/* Homepage chain: navy band must keep cream/pink contrast despite light-page rules. */
#content:has(.scale) #chain,
#content:has(.scale) #chain :is(h2, strong, p) {
color: var(--n92-on-dark, #efece8);
}
#content:has(.scale) #chain span {
color: rgba(239, 236, 232, 0.72);
}
#content:has(.scale) #chain a,
#content:has(.scale) #chain a:visited {
color: var(--n92-on-dark, #efece8);
}
#content:has(.scale) #chain a:hover,
#content:has(.scale) #chain a:focus-visible {
color: var(--n92-accent-pink, #ff3377);
}
/* Homepage + work index closing CTA bands (dark navy) */
#content:has(.scale) .start,
#content:has(.workIndex) .start {
color: var(--n92-on-dark, #efece8);
}
#content:has(.scale) .start :is(h2, p, a),
#content:has(.workIndex) .start :is(h2, p, a) {
color: var(--n92-on-dark, #efece8);
}
#content:has(.scale) .start a:hover,
#content:has(.workIndex) .start a:hover {
color: var(--n92-accent-pink, #ff3377);
}
#content:has(.workIndex) .workIndex .start .btnPrimary,
#content:has(.workIndex) .workIndex .start .btnPrimary:hover,
#content:has(.workIndex) .workIndex .start .btnPrimary:focus-visible {
color: #0b1638 !important;
}
#content:has(.scale) .scale .cta {
color: #000000 !important;
background: var(--n92-cta-gold, #f2c500);
}
#content:has(.workIndex) .workIndex a.rowLink,
#content:has(.workIndex) .workIndex .filterTab {
color: var(--n92-on-light, #0b1638);
}
#content:has(.workIndex) .workIndex a.rowLink:hover,
#content:has(.workIndex) .workIndex .filterTab[aria-selected="true"] {
color: var(--n92-accent-pink, #ff3377);
}
/* Case studies — reinforce dark-band link contrast */
#pagewrap.n92-case-study #content a,
body.n92-case-study #content .themify_builder_content a {
color: var(--n92-on-dark, #efece8);
}
#pagewrap.n92-case-study #content a:hover,
body.n92-case-study #content .themify_builder_content a:hover {
color: var(--n92-accent-pink, #ff3377);
}
/* Get started — form fields on dark */
#content:has(.n92-gs) .n92-gs a {
color: var(--n92-on-light, #0b1638);
}
#content:has(.n92-gs) .n92-gs a:hover {
color: var(--n92-accent-pink, #ff3377);
}
#content:has(.n92-gs) .n92-gs input,
#content:has(.n92-gs) .n92-gs textarea,
#content:has(.n92-gs) .n92-gs select {
color: #0a0a0a !important;
background-color: #ffffff !important;
}
#content:has(.n92-gs) .n92-gs input::placeholder,
#content:has(.n92-gs) .n92-gs textarea::placeholder {
color: rgba(10, 10, 10, 0.55) !important;
}
/* Cream / light builder rows — navy text */
#content .module_row[style*="background-color: rgb(239, 236, 232)"],
#content .module_row[style*="background-color:#efece8"],
#content .module_row[style*="background: #efece8"] {
color: var(--n92-on-light, #0b1638);
}
#content .module_row[style*="background-color: rgb(239, 236, 232)"] a,
#content .module_row[style*="background-color:#efece8"] a {
color: var(--n92-on-light, #0b1638);
}
#content .module_row[style*="background-color: rgb(239, 236, 232)"] a:hover,
#content .module_row[style*="background-color:#efece8"] a:hover {
color: var(--n92-accent-pink, #ff3377);
}
/* source: footer-fixes.css */
/**
* Footer — Batch 3 minimal editorial layout (loads after site-shell.css).
*/
#tbp_footer,
#tbp_footer .themify_builder_content-811 .tb_in6m751 {
background-color: #111111;
color: #efece8;
font-family: var(--n92-shell-font, "Schibsted Grotesk", system-ui, sans-serif);
}
#tbp_footer .themify_builder_content-811 .tb_in6m751 {
padding-top: clamp(2.75rem, 6vh, 4rem);
padding-bottom: clamp(2rem, 4vh, 3rem);
}
/* Match the full-width header's horizontal gutters, not the legacy 1280px page cap.
* !important overrides the earlier capped rule in site-shell.css. */
#tbp_footer .themify_builder_content-811 .tb_in6m751 > .row_inner {
box-sizing: border-box;
width: 100% !important;
max-width: none !important;
margin-inline: 0 !important;
padding-left: max(var(--n92-page-gutter, clamp(18px, 4vw, 56px)), env(safe-area-inset-left, 0px));
padding-right: max(var(--n92-page-gutter, clamp(18px, 4vw, 56px)), env(safe-area-inset-right, 0px));
}
#tbp_footer .n92-footer-shell-row .module_column.col-full {
width: 100% !important;
min-width: 100% !important;
max-width: none !important;
float: none !important;
margin: 0 !important;
}
#tbp_footer .n92-footer-shell-row .row_inner {
display: block !important;
}
#tbp_footer .n92-footer-shell-row .module_column {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}
#pagewrap:has(.scale) #tbp_footer .themify_builder_content-811 .tb_in6m751 {
padding-top: clamp(2.5rem, 5vh, 3.5rem);
padding-bottom: clamp(2rem, 4vh, 3rem);
}
#tbp_footer .n92-site-footer {
display: flex;
flex-direction: column;
gap: clamp(1.75rem, 3.5vw, 2.5rem);
width: 100%;
}
#tbp_footer .n92-footer-upper {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: clamp(1.5rem, 3vw, 2rem);
}
#tbp_footer .n92-footer-brand {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.85rem;
max-width: 26rem;
}
#tbp_footer .n92-footer-wordmark {
display: inline-block;
line-height: 0;
}
#tbp_footer .n92-footer-wordmark img {
width: auto;
max-width: min(200px, 48vw);
height: auto;
}
#tbp_footer .n92-footer-studio-line {
margin: 0;
font-size: clamp(0.95rem, 1.5vw, 1.05rem);
line-height: 1.45;
color: rgba(239, 236, 232, 0.72);
text-transform: lowercase;
max-width: 32ch;
}
#tbp_footer .n92-footer-links {
list-style: none;
margin: 0;
padding: 0;
}
#tbp_footer .n92-footer-links--nav {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
#tbp_footer .n92-footer-links a {
color: #efece8;
text-decoration: none;
font-size: clamp(0.95rem, 1.4vw, 1.05rem);
line-height: 1.35;
text-transform: lowercase;
transition: color 180ms ease;
}
/* Restrained brand interaction: pink text only, never a glow. */
#tbp_footer .n92-footer-links a:hover,
#tbp_footer .n92-footer-links a:focus-visible {
color: #ffffff;
text-shadow: none;
box-shadow: none;
filter: none;
}
#tbp_footer .n92-footer-links a:focus-visible {
outline: 2px solid #f2c500;
outline-offset: 3px;
}
#tbp_footer .n92-footer-secondary {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
padding-top: clamp(1.25rem, 2.5vw, 1.75rem);
border-top: 1px solid rgba(239, 236, 232, 0.14);
}
#tbp_footer .n92-footer-links--meta {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 0.65rem 1.25rem;
}
#tbp_footer .n92-footer-links--meta a {
font-size: 0.9rem;
color: rgba(239, 236, 232, 0.88);
}
#tbp_footer .n92-footer-bottom {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 0.75rem 1.5rem;
padding-top: 1rem;
border-top: 1px solid rgba(239, 236, 232, 0.1);
}
#tbp_footer .n92-footer-copyright {
margin: 0;
font-size: 0.8rem;
color: rgba(239, 236, 232, 0.5);
text-transform: lowercase;
}
#tbp_footer .n92-footer-back-top {
font-size: 0.8rem;
font-weight: 600;
color: rgba(239, 236, 232, 0.72);
text-decoration: none;
text-transform: lowercase;
}
#tbp_footer .n92-footer-back-top:hover,
#tbp_footer .n92-footer-back-top:focus-visible {
color: #ffffff;
text-shadow: none;
box-shadow: none;
filter: none;
}
/* Legacy footer blocks / invite / newsletter column */
#tbp_footer .n92-footer-invite,
#tbp_footer .n92-footer-grid,
#tbp_footer .n92-footer-divider,
#tbp_footer .n92-footer-col__label,
#tbp_footer .n92-footer-newsletter:not(.n92-footer-newsletter-preserve) {
display: none;
}
.n92-footer-newsletter-preserve {
display: none;
}
/* Homepage sticky CTA off on case studies */
body.n92-case-study .n92-sticky-cta {
display: none;
}
#tbp_footer .n92-newsletter-honeypot {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
white-space: nowrap;
padding: 0;
margin: 0;
border: 0;
opacity: 0;
pointer-events: none;
}
@media (min-width: 760px) {
#tbp_footer .n92-footer-upper {
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: clamp(2rem, 5vw, 4rem);
}
#tbp_footer .n92-footer-nav {
flex: 0 0 auto;
}
#tbp_footer .n92-footer-links--nav {
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
gap: 0.65rem clamp(1.2rem, 2.2vw, 2rem);
align-items: flex-end;
text-align: right;
}
#tbp_footer .n92-footer-links--meta {
gap: 0.65rem clamp(1rem, 2vw, 1.6rem);
}
#tbp_footer .n92-footer-secondary {
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 1.5rem;
}
}
/* source: launch-quality-gates.css */
/* Launch QA: page-surface contrast and removal of legacy visual artifacts. */
:root { --n92-ink-light:#0b1638; --n92-ink-dark:#efece8; }
#content .n92-gs { color:#0b1638; }
#content .n92-gs a:not(.n92-gs-btn) { color:#0b1638; }
#content .n92-gs a:not(.n92-gs-btn):hover { color:#bc1953; }
#content .n92-gs :is(.n92-gs-btn--ghost,.n92-gs-btn--outline) { color:#0b1638; }
#content .n92-gs :is(.n92-gs-book,.n92-gs-inquiry) a:not(.n92-gs-btn) { color:#0b1638; }
#content .n92-services-hub .n92-svc-process :is(h1,h2,h3,p) { color:#efece8; }
#content .n92-services-hub .n92-svchub-cta :is(h1,h2,h3,p) { color:#efece8; }
/* Highlight below text. Never strike through headings. */
.n92-services-hub .n92-svchub-capability__detail-grid h4 {
display:inline-block; width:fit-content; position:relative;
margin-bottom:.55rem; padding-bottom:.18rem;
background:none!important; text-decoration:none!important;
border-bottom:3px solid #ff3377; color:#0b1638!important; line-height:1.4;
}
.n92-services-hub .n92-svchub-capability__detail-grid h4::before,
.n92-services-hub .n92-svchub-capability__detail-grid h4::after {
display:none!important; content:none!important;
}
/* Optical normalization for transparent client logo marks. */
.n92-aboutv3-logos-grid { gap:clamp(1rem,2vw,2rem); }
.n92-aboutv3-logos-grid__item {
border:0!important; background:transparent!important;
padding:clamp(.25rem,1vw,.75rem)!important; display:grid; place-items:center;
min-height:clamp(120px,14vw,190px);
}
.n92-aboutv3-logos-grid__item > div { width:100%; }
.n92-aboutv3-logos-grid__img {
width:100%; height:clamp(65px,8vw,112px); object-fit:contain; opacity:.78;
filter:brightness(0) saturate(100%) invert(9%) sepia(28%) saturate(1324%) hue-rotate(192deg) brightness(92%) contrast(95%);
}
.n92-aboutv3-logos-grid__item:hover .n92-aboutv3-logos-grid__img { opacity:1; }
/* Homepage main feature images should act like case-study links. */
.scale a.frame { display:block; position:relative; color:inherit; text-decoration:none; }
.scale a.frame:focus-visible { outline:4px solid #f2c500; outline-offset:4px; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
.scale a.frame img { transition:transform .45s ease; }
.scale a.frame:hover img { transform:scale(1.016); }
}
/* Keep visible forms and booking actions above legacy ambient effects. */
#content:has(.n92-gs) .n92-gs { isolation:isolate; position:relative; }
#content .n92-gs :is(.n92-gs-inquiry__form,.n92-gs-book__widget) { position:relative; z-index:1; }
/* Dark homepage sections must not inherit navy text from a global cream-page rule. */
#content:has(.scale) #chain :is(h2,h3,p,strong,a),
#content:has(.scale) .start :is(h2,h3,p) { color:#efece8; }
/* Accessible focus feedback. */
:is(.n92-gs,.n92-services-hub,.n92-aboutv3) :is(a,button,input,textarea,select):focus-visible {
outline:3px solid #f2c500; outline-offset:3px;
}
/* Buyer pathways on the homepage are dark even though the parent .scale is cream. */
#content:has(.scale) .scale .n92-buyer :is(h2,h3,p,a) { color:#efece8; }
#content:has(.scale) .scale .n92-buyer a:hover { color:#ff3377; }
/* Calendly was retired: direct-contact section gets full width and no empty second column. */
#content .n92-gs-book__grid {
grid-template-columns: minmax(0, 1fr);
max-width: 1000px;
}
#content .n92-gs-book__contact { max-width: 760px; }
#content .n92-gs-book__widget,
#content .n92-gs-calendly,
#content .n92-gs-calendly-external { display: none !important; }