/* Necto rebrand, October 2026: the take home calculator's look on the Webflow
   pages. Loaded after the rebranded stylesheet, only when REBRAND_ON is true
   (src/lib/rebrand.mjs). Classes starting nr- are added by the rebrand only. */
:root{
  --nr-green:#3cb19d; --nr-green-dk:#268373; --nr-green-deep:#1b5e53; --nr-black:#141414;
  --nr-line:#e3e9e7; --nr-ease:cubic-bezier(.22,.8,.24,1);
  --nr-dark:radial-gradient(1200px 500px at 85% -10%,#1e5a50 0%,transparent 60%),linear-gradient(160deg,#141414 0%,#162523 55%,#123a34 100%);
}

/* Type: heavier, tighter headings like the calculator */
h1,h2,.heading-style-h2,.banner-text,.main-title,.pageheading{font-weight:800;letter-spacing:-.02em}
h3,.heading-style-h3{font-weight:700;letter-spacing:-.01em}
.nr-hl{color:var(--nr-green)}

/* Menu bar: stays on top, soft shadow once scrolled */
.navbar-2{position:sticky;top:0;z-index:1000;transition:box-shadow .3s var(--nr-ease)}
body.nr-scrolled .navbar-2{box-shadow:0 8px 30px -12px rgba(20,20,20,.25)}

/* Homepage hero: the calculator gradient over the photo, line art on the right */
.section_hero{position:relative;overflow-x:clip;overflow-y:visible;
  background-image:radial-gradient(1200px 500px at 85% -10%,rgba(30,90,80,.85) 0%,transparent 60%),
    linear-gradient(160deg,rgba(20,20,20,.9) 0%,rgba(22,37,35,.8) 55%,rgba(18,58,52,.78) 100%),
    url("/images/64de0a7876dcec42e4a92ba8_Section.avif");
  background-size:auto,auto,cover;background-position:0 0,0 0,center;background-repeat:no-repeat}
/* Line art sits behind the content without repositioning it (Webflow offsets the text on mobile) */
.section_hero,.currentpage{isolation:isolate}
.section_hero svg.nr-lines,.currentpage svg.nr-lines{z-index:-1}
.banner-text{text-shadow:0 2px 24px rgba(0,0,0,.25)}

/* Hexagon line art (from the calculator), drawn in on load */
svg.nr-lines{position:absolute;right:-60px;top:-30px;width:620px;height:auto;opacity:.5;pointer-events:none;z-index:0}
svg.nr-lines path{fill:none;stroke:var(--nr-green);stroke-width:1.4;stroke-dasharray:1400;stroke-dashoffset:1400;animation:nr-draw 3.2s var(--nr-ease) forwards}
svg.nr-lines path:nth-child(2){animation-delay:.25s} svg.nr-lines path:nth-child(3){animation-delay:.5s}
svg.nr-lines path:nth-child(4){animation-delay:.75s} svg.nr-lines path:nth-child(5){animation-delay:1s}
svg.nr-lines.nr-small{width:380px;right:-40px;top:-60px;opacity:.4}
/* Line art: inner page header bands on desktop only (it sat under the headline on smaller screens) */
@media screen and (max-width:991px){svg.nr-lines{display:none}}
@keyframes nr-draw{to{stroke-dashoffset:0}}
.nr-float{animation:nr-float 9s ease-in-out infinite}
@keyframes nr-float{50%{transform:translateY(-14px)}}

/* Search box: the calculator's control card */
.jobsearch{border:0;border-radius:20px;box-shadow:0 24px 60px -24px rgba(20,20,20,.35),0 2px 6px rgba(20,20,20,.05)}

/* Thin take home calculator strip above Featured Locations */
.nr-calc-strip{font-family:Montserrat,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;display:flex;align-items:center;gap:16px;width:90%;max-width:1100px;margin:0 auto 1.5rem;padding:14px 18px 14px 14px;
  border-radius:14px;background:var(--nr-dark);color:#fff;text-decoration:none;position:relative;overflow:hidden;
  box-shadow:0 18px 40px -22px rgba(20,20,20,.45);transition:transform .3s var(--nr-ease),box-shadow .3s var(--nr-ease)}
.nr-calc-strip:hover{transform:translateY(-3px);box-shadow:0 24px 50px -22px rgba(20,20,20,.55)}
.nr-calc-kicker{flex:none;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--nr-black);background:var(--nr-green);border-radius:999px;padding:6px 11px}
.nr-calc-text{flex:1;font-size:15px;line-height:1.45;color:rgba(255,255,255,.85)}
.nr-calc-text strong{color:#fff;font-weight:800}
.nr-calc-cta{flex:none;font-size:14px;font-weight:800;color:var(--nr-green);white-space:nowrap}
.nr-calc-strip:hover .nr-calc-cta{color:#fff}
@media screen and (max-width:767px){
  .nr-calc-strip{flex-wrap:wrap;gap:10px;width:calc(100% - 32px);margin:0 auto 1rem}
  .nr-calc-cta{width:100%}
}

/* Featured locations: gradient over each city, slow zoom on hover */
.locationcontainer{border-radius:16px;overflow:hidden;position:relative;isolation:isolate}
.locationcontainer > div{transition:transform .9s var(--nr-ease);position:relative}
.locationcontainer > div::before{content:"";position:absolute;inset:0;z-index:0;
  background:linear-gradient(180deg,rgba(20,20,20,0) 25%,rgba(18,58,52,.8) 100%);transition:opacity .4s}
.locationcontainer:hover > div{transform:scale(1.06)}
.locationcontainer .cityname{position:relative;z-index:1;font-weight:800;letter-spacing:-.01em}

/* Job cards: rounder, thin border, lift with a green accent on hover */
.job-card{border:1px solid var(--nr-line);border-radius:20px;box-shadow:0 1px 2px rgba(20,20,20,.04);
  transition:transform .35s var(--nr-ease),box-shadow .35s var(--nr-ease),border-color .35s}
.job-card:hover{transform:translateY(-6px);border-color:var(--nr-green);box-shadow:0 22px 44px -22px rgba(20,20,20,.3),inset 0 3px 0 var(--nr-green)}

/* Buttons: smooth lift */
.w-button,.button-main,.button-seeall{transition:transform .25s var(--nr-ease),box-shadow .25s var(--nr-ease),background-color .25s,color .25s}
.w-button:hover,.button-main:hover,.button-seeall:hover{transform:translateY(-2px);box-shadow:0 10px 22px -10px rgba(38,131,115,.55)}

/* Green banner: the calculator's results-card gradient with a faint mark */
.banner{background:linear-gradient(120deg,var(--nr-green-deep) 0%,var(--nr-green-dk) 55%,var(--nr-green) 100%);position:relative;overflow:hidden}
.banner::after{content:"";position:absolute;right:-40px;top:50%;width:340px;height:340px;transform:translateY(-50%);
  background:url("/images/rebrand-2026-10/necto-mark.png") center/contain no-repeat;opacity:.12;pointer-events:none}
.banner > *{position:relative;z-index:1}

/* Footer: same gradient as the hero, so the page is framed top and bottom */
.footer-2{background:var(--nr-dark)}

/* Inner pages: the grey header band becomes the dark gradient band */
.currentpage{background:var(--nr-dark);position:relative;overflow:hidden}
.currentpage .main-title,.currentpage h1,.currentpage h2,.currentpage [class*="heading"]{color:#fff}
.currentpage .breadcrumb-text,.currentpage .pagepath,.currentpage .pagepath a{color:rgba(255,255,255,.75)}
.currentpage .text-48,.currentpage [class*="symbol"]{color:var(--nr-green)}

/* Scroll reveal (classes added by /js/necto-rebrand-2026-10.js; nothing is hidden without it) */
.nr-reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--nr-ease),transform .8s var(--nr-ease)}
.nr-reveal.nr-in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  svg.nr-lines path{animation:none;stroke-dashoffset:0}
  .nr-float{animation:none}
  .nr-reveal{opacity:1;transform:none;transition:none}
  .locationcontainer > div,.job-card,.w-button,.nr-calc-strip{transition:none}
}

/* Salary survey sign-up page (/construction-salary-survey): same dark hero
   treatment as the homepage, reversed wordmark on dark glass, softer form card */
.section_salary-survey{background-image:radial-gradient(1200px 500px at 85% -10%,rgba(30,90,80,.85) 0%,transparent 60%),
    linear-gradient(160deg,rgba(20,20,20,.9) 0%,rgba(22,37,35,.82) 55%,rgba(18,58,52,.8) 100%),
    url("/images/6926a6867410fefad4ce15ce_Necto_Background-Image.webp");
  background-size:auto,auto,cover;background-attachment:fixed;background-position:0 0,0 0,50%}
.brand-wrapper-2{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:1.2rem 2.5rem}
.brand-wrapper-2 .link-block-7{width:auto;max-width:none}
.brand-wrapper-2 img{height:64px;width:auto;max-width:none;object-fit:contain}
@media screen and (max-width:767px){.brand-wrapper-2 img{height:48px}}
.form_container{border-radius:20px;box-shadow:0 24px 60px -24px rgba(20,20,20,.45),0 2px 6px rgba(20,20,20,.05)}

/* Mid-size screens: Montserrat and the wider wordmark need a slightly tighter menu */
@media screen and (min-width:992px) and (max-width:1279px){
  .brand .image-3{height:46px}
  .nav-link-2{padding-left:10px;padding-right:10px}
  .button-wrapper .w-button,.button-wrapper .button-main{padding-left:14px;padding-right:14px}
}

/* ==========================================================================
   One design system across the site (the take home calculator's)
   ========================================================================== */
body{font-family:Montserrat,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#3b4442}

/* Buttons: the calculator's .btn. Green, white text, 12px corners, bold, sentence case */
.button-main,.button-seeall,.applybutton,.button-apply,.apply-button,.link-14,.link-button,
.search-button,.submit-button-2,.readmorebutton,.next_button,.previous_button,.button-3,.w-button{
  font-family:Montserrat,system-ui,sans-serif !important;font-weight:700;letter-spacing:0;text-transform:none;
  border-radius:12px !important;line-height:1.2}
.button-main:not(.secondary),.button-seeall,.applybutton,.button-apply,.apply-button,.link-14,.link-button,
.search-button,.submit-button-2,.readmorebutton,.next_button{
  background-color:var(--nr-green) !important;color:#fff !important;border:0 !important;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.button-main:not(.secondary):hover,.button-seeall:hover,.applybutton:hover,.button-apply:hover,.apply-button:hover,.link-14:hover,
.link-button:hover,.search-button:hover,.submit-button-2:hover,.readmorebutton:hover,.next_button:hover,
.joblisting:hover .button-apply,.job-card:hover .applybutton{background-color:var(--nr-green-dk) !important}
.button-main:not(.secondary) *,.applybutton *,.button-apply *,.link-14 *,.link-button *,.readmorebutton *{color:#fff !important}
/* Outline version (Call now; Previous) */
.button-main.secondary,.previous_button{background:#fff !important;color:var(--nr-black) !important;border:1.5px solid var(--nr-line) !important}
.button-main.secondary:hover,.previous_button:hover{border-color:var(--nr-green) !important;color:var(--nr-green-dk) !important}
.button-main.secondary svg{color:var(--nr-green)}
/* On the green banner: white button */
.button-3.see-our-job-listings{background:#fff !important;color:var(--nr-black) !important;padding:14px 22px;font-size:15px}
.button-3.see-our-job-listings:hover{background:var(--nr-black) !important;color:#fff !important}
/* Comfortable sizes */
.button-seeall,.link-14,.submit-button-2,.search-button,.next_button,.previous_button{padding:14px 24px !important;font-size:15px}
.applybutton,.button-apply,.link-button,.readmorebutton{padding:10px 18px !important;font-size:14px}

/* Form fields everywhere: the calculator's inputs */
.w-input,.w-select,.search-input,.text-area,.first-name,.email-address{
  font-family:Montserrat,system-ui,sans-serif;border:1.5px solid var(--nr-line) !important;border-radius:11px !important;
  background:#fff;color:var(--nr-black);box-shadow:none;transition:border-color .2s}
.w-input:focus,.w-select:focus,.text-area:focus{outline:none;border-color:var(--nr-green) !important}
.w-input::placeholder,.text-area::placeholder{color:#6b7674}

/* Footer: one line per phone number, a wider Connect column */
.footer-container{display:grid !important;grid-template-columns:1.1fr 1fr 1fr .8fr 1.7fr;gap:2rem;align-items:start}
.footer-container > .copyright{grid-column:1 / -1}
.footer-company{width:auto !important;min-width:0}
.heading-17{font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.02em}
.footer-subheading{font-weight:800}
.footer-company a.link-footer[href^="tel:"],.footer-company a.link-footer[href^="mailto:"]{white-space:nowrap}
@media screen and (max-width:991px){.footer-container{grid-template-columns:1fr 1fr 1fr}}
@media screen and (max-width:767px){.footer-container{grid-template-columns:1fr 1fr}.footer-container > .footer-company:first-child,.footer-container > .footer-company:last-of-type{grid-column:1 / -1}}

/* ---------- About page ---------- */
.heading-2-necto-search-and-selection{font-weight:800;letter-spacing:-.02em;color:var(--nr-black)}
/* Role list: two tidy columns of chips, no broken lines */
.list-5{display:grid !important;grid-template-columns:1fr 1fr;gap:10px}
.list-5 > div{width:auto !important;margin:0 !important;border:1px solid var(--nr-line);border-radius:12px;box-shadow:none !important;
  background:#fff !important;padding:12px 14px !important;display:flex;align-items:center;gap:10px}
.list-5 .text-16{white-space:normal;font-weight:600;color:var(--nr-black) !important;line-height:1.3}
.list-5 [class^="symbol"]{color:var(--nr-green)}
@media screen and (max-width:479px){.list-5{grid-template-columns:1fr}}

/* "About Us" intro, then the three points as cards */
.about-us{display:flex !important;flex-direction:column;align-items:center;gap:28px;max-width:1180px;margin:5rem auto 0 !important;padding:0 24px}
.about-us > .right{order:-1;width:100% !important;max-width:760px;text-align:center;padding:0 !important}
.about-us .div-employers-sec-content{padding:0 !important;margin:0 !important;align-items:center}
.about-us .text-18{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--nr-green-dk) !important;margin-bottom:12px}
.about-us .text-size-medium{font-size:clamp(20px,2.2vw,26px);line-height:1.4;font-weight:700;color:var(--nr-black);letter-spacing:-.01em}
.about-us > .left{width:100% !important;padding:0 !important}
.about_list{display:grid !important;grid-template-columns:repeat(3,1fr);gap:18px;width:100%}
.about-item{position:relative;margin:0 !important;width:auto !important;background:#fff !important;border:1px solid var(--nr-line);
  border-radius:18px;box-shadow:0 1px 2px rgba(20,20,20,.04) !important;padding:30px 26px 28px !important;overflow:hidden;
  transition:transform .35s var(--nr-ease),box-shadow .35s var(--nr-ease),border-color .35s}
.about-item::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--nr-green-deep),var(--nr-green))}
.about-item:hover{transform:translateY(-4px);border-color:var(--nr-green);box-shadow:0 22px 44px -22px rgba(20,20,20,.28) !important}
.about-item .text-size-large{font-size:18px;line-height:1.45;font-weight:700;color:var(--nr-black)}
.about-item .text-size-large br{display:none}
.about-item .heading-9{margin:0;padding:0}
@media screen and (max-width:991px){.about_list{grid-template-columns:1fr}}

/* "Whether you need career advice..." as the calculator's dark panel */
.career-advice{display:grid !important;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;max-width:1180px;
  margin:4rem auto 5rem !important;padding:44px !important;border-radius:22px;background:var(--nr-dark);color:#fff;
  position:relative;overflow:hidden;width:calc(100% - 48px)}
.career-advice > .left{width:auto !important;padding:0 !important}
.career-advice .text-size-xlarge{color:#fff !important;font-size:clamp(24px,2.6vw,34px);line-height:1.25;font-weight:800;letter-spacing:-.02em}
.career-advice .div-block-10{width:auto !important;margin:0 !important;padding:0 !important}
.career-advice .div-block-10 img{width:100%;height:auto;border-radius:16px;display:block}
@media screen and (max-width:991px){.career-advice{grid-template-columns:1fr;padding:28px !important;gap:24px}}

/* Meet our specialists: white cards, round photo, button */
.specialists{background:#f5f8f7 !important}
.specialists .text-19{font-weight:800;letter-spacing:-.02em;color:var(--nr-black)}
.specialists .pseudo{background:var(--nr-green) !important}
.specialist-content{background:#fff !important;border:1px solid var(--nr-line);border-radius:18px;box-shadow:0 1px 2px rgba(20,20,20,.04)}
.card-wrapper:hover .specialist-content{border-color:var(--nr-green);box-shadow:0 22px 44px -22px rgba(20,20,20,.25)}
.specialist-img{border:4px solid #fff;box-shadow:0 10px 24px -12px rgba(20,20,20,.35)}
.consultant_name{font-weight:800;color:var(--nr-black);letter-spacing:.02em}
.text-20{color:var(--nr-green-dk);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase}

/* ---------- Blogs ---------- */
.blog-collection-item{background:#fff;border:1px solid var(--nr-line);border-radius:18px;overflow:hidden;padding-bottom:22px !important;
  box-shadow:0 1px 2px rgba(20,20,20,.04);transition:transform .35s var(--nr-ease),box-shadow .35s var(--nr-ease),border-color .35s}
.blog-collection-item:hover{transform:translateY(-6px);border-color:var(--nr-green);box-shadow:0 22px 44px -22px rgba(20,20,20,.3)}
.blog-collection-item .blog-title{display:block}
.blog-collection-item > *:not(.blog-title){margin-left:22px;margin-right:22px}
.blog-collection-item .blog-title > *:not(.nr-media){margin-left:22px;margin-right:22px}
.nr-media{display:block;position:relative;overflow:hidden;margin-bottom:16px}
.nr-media img{display:block;width:100%;border-radius:0 !important;transition:transform .9s var(--nr-ease)}
.nr-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,20,0) 30%,rgba(18,58,52,.72) 100%);pointer-events:none}
.blog-collection-item:hover .nr-media img{transform:scale(1.05)}
.blogheading{font-weight:800;letter-spacing:-.015em;color:var(--nr-black)}
.dateofpublication{color:#6b7674;font-weight:600}
.readmorebutton .i-fa-arrow-right{background:transparent !important}
.readmorebutton .symbol-15{color:#fff !important}

/* ---------- Contact ---------- */
.contact-wrapper{display:grid !important;grid-template-columns:1fr 1fr;gap:24px;max-width:1180px;margin:0 auto;padding:0 24px}
.contact-wrapper > .row{display:flex !important;flex-direction:column;gap:18px;margin:0 !important;background:#fff;border:1px solid var(--nr-line);
  border-radius:18px;padding:28px !important;box-shadow:0 1px 2px rgba(20,20,20,.04)}
.contact-wrapper > .row:first-child{border-top:4px solid var(--nr-green)}
.contact-wrapper > .row:last-child{border-top:4px solid var(--nr-green-dk)}
.contact-wrapper .column{width:auto !important;padding:0 !important;margin:0 !important}
.contact-wrapper .icon-block{display:flex;align-items:flex-start;gap:14px;margin:0 !important}
.contact-wrapper .icon-medium{width:44px !important;height:44px !important;min-width:44px;padding:11px;border-radius:12px;background:#e9f6f3;object-fit:contain;margin:0 !important}
.contact-heading{font-weight:800;color:var(--nr-black);font-size:16px;margin-bottom:2px}
.contact-text{color:#3b4442;font-size:15px;line-height:1.55}
.contact-wrapper .p-7,.contact-wrapper .p-8{margin:0;padding:0}
@media screen and (max-width:767px){.contact-wrapper{grid-template-columns:1fr}}
/* Form: the calculator's white card on a light background */
.formmap{background:#f5f8f7 !important}
.form-3{background:#fff;border:1px solid var(--nr-line);border-radius:20px;padding:34px !important;
  box-shadow:0 24px 60px -24px rgba(20,20,20,.25),0 2px 6px rgba(20,20,20,.04)}
.form-content{font-weight:800;letter-spacing:-.02em;color:var(--nr-black)}
.form-3 .w-input,.form-3 .text-area{padding:13px 14px !important;font-size:15px;min-height:48px;margin-bottom:12px}
.form-3 .text-area{min-height:140px}
.form-3 .submit-button-2{width:100%;margin-top:4px}
.success-message{border-radius:14px;background:#e9f6f3 !important;color:#1b5e53}

/* Career page: job rows as cards */
.joblisting{border:1px solid var(--nr-line);border-radius:16px;background:#fff;transition:transform .35s var(--nr-ease),box-shadow .35s var(--nr-ease),border-color .35s}
.joblisting:hover{transform:translateY(-4px);border-color:var(--nr-green);box-shadow:0 22px 44px -22px rgba(20,20,20,.25)}
.jobtitle{font-weight:800;color:var(--nr-black)}

/* ---------- Fixes from the full-site check ---------- */
/* About: lift Webflow's narrow column limits so the cards breathe */
.about-us > .left,.about-us .about_list,.about-us .about-item{max-width:none !important}
.about-us{width:100%;box-sizing:border-box}

/* Contact: bold heading, tighter office cards, button the same width as the fields */
.heading-1-get-in-touch-with-us{font-weight:800 !important;font-size:clamp(28px,3.4vw,40px) !important;line-height:1.15 !important;letter-spacing:-.02em;margin-bottom:32px}
.contact-wrapper .icon-block{padding:0 !important}
.contact-wrapper > .row{padding:26px 28px !important;gap:20px}
.contact-wrapper .div-adress-location{gap:4px}
.form-3 .submit-button-2{min-width:0 !important;box-sizing:border-box}
.form-3 .w-input,.form-3 .text-area{box-sizing:border-box;width:100%}
.form-3 .name-input{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-3 .name-input .w-input{margin:0 0 12px !important;width:100% !important;min-width:0}
@media screen and (max-width:479px){.form-3 .name-input{grid-template-columns:1fr;gap:0}.form-3{padding:24px !important}}

/* Footer: no fixed widths, so phone numbers and the address sit on proper lines */
.footer-company,.footer-company .icon-wrapper-link,.footer-company .list-footer{max-width:none !important;width:auto !important}
.footer-company .icon-wrapper-link{gap:12px;align-items:flex-start;margin-bottom:6px}
.footer-company .icon-wrapper-link > div:last-child{padding-right:0 !important;flex:1;min-width:0}
.heading-17{font-size:26px !important;max-width:none !important}
.footer-container{grid-template-columns:1.2fr .9fr .9fr .8fr 1.8fr}
@media screen and (max-width:991px){.footer-container{grid-template-columns:1fr 1fr 1fr}}
@media screen and (max-width:767px){.footer-container{grid-template-columns:1fr 1fr;justify-items:start}}

/* Blogs: keep Webflow's date and clock spacing inside the card; full Read more button */
.blog-collection-item .blog-title > .dateofpublication{margin-left:50px}
.blog-collection-item .blog-title > .dateofpublication.clock-icon{margin-left:27px}
.readmorebutton{width:auto !important;margin-top:14px !important}
.readmorebutton .text-38{color:#fff !important;font-weight:700}

/* Careers: one card per job instead of a box inside a box */
.construction_jobs{background:#fff !important;border:1px solid var(--nr-line);border-radius:18px;padding:0 !important;
  box-shadow:0 1px 2px rgba(20,20,20,.04);transition:transform .35s var(--nr-ease),box-shadow .35s var(--nr-ease),border-color .35s}
.construction_jobs:hover{transform:translateY(-6px);border-color:var(--nr-green);box-shadow:0 22px 44px -22px rgba(20,20,20,.3)}
.joblisting,.joblisting:hover{border:0 !important;background:transparent !important;box-shadow:none !important;transform:none !important;
  width:100% !important;height:100%;padding:28px 26px !important;box-sizing:border-box}
.job-information{color:#3b4442;gap:4px;font-size:14px}
.job-information .job-type{color:var(--nr-green-dk);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase}

/* Footer heading on its two intended lines; even spacing between contact rows */
.heading-17 > div{white-space:pre;font-size:28px !important;line-height:1.2 !important;font-weight:800;letter-spacing:-.02em}
.footer-company .icon-wrapper-link > [class^="span-"]{padding-bottom:0 !important;padding-top:3px}
.footer-company .icon-wrapper-link{margin-bottom:12px}
/* LinkedIn buttons and blog pagination in the same button style */
.link-button .text-21{font-weight:700;line-height:1.2}
.w-pagination-next,.w-pagination-previous{background:#fff !important;color:var(--nr-black) !important;border:1.5px solid var(--nr-line) !important;
  border-radius:12px !important;padding:11px 18px !important;font-weight:700;font-family:Montserrat,system-ui,sans-serif;transition:border-color .25s,color .25s}
.w-pagination-next:hover,.w-pagination-previous:hover{border-color:var(--nr-green) !important;color:var(--nr-green-dk) !important}

/* About: heading back in the normal flow (Webflow pinned it for a one-line title), even role columns */
.search-selection .div-history-content{padding-top:0 !important}
.heading-2-necto-search-and-selection{position:static !important;font-size:clamp(28px,3vw,38px) !important;line-height:1.15 !important;margin:0 0 6px}
.list-5{grid-template-columns:repeat(2,minmax(0,1fr)) !important;width:100% !important;max-width:none !important;align-self:stretch}
.list-5 > div{max-width:none !important;min-width:0}
.list-5 .text-16{white-space:normal !important;overflow-wrap:anywhere}
@media screen and (max-width:479px){.list-5{grid-template-columns:1fr !important}}
/* Keep the header line art inside the band; tablet menu buttons a touch narrower */
.currentpage{overflow-x:clip !important}
@media screen and (min-width:768px) and (max-width:991px){.button-wrapper .w-button,.button-wrapper .button-main{padding-left:12px !important;padding-right:12px !important}}
/* About: keep Webflow's column split (text column about 55%, up to 640px) now that long roles can wrap */
@media screen and (min-width:992px){.necto-search > .search-selection{flex:0 0 auto !important;width:min(640px,55%) !important}}
.list-5 > div > div:not([class^="symbol"]){flex:1 1 auto;min-width:0;width:auto !important;max-width:100%;white-space:normal !important;overflow-wrap:anywhere;font-weight:600;color:var(--nr-black) !important;line-height:1.3}
.list-5 > div > [class^="symbol"]{flex:none}