/* Textile page: petrol background and Manrope typography approved in the visual reference. */
@font-face {
  font-family:NxTextileManrope;
  src:url("/assets/css/nexus-textile-manrope-20261031.woff2") format("woff2");
  font-style:normal;font-weight:200 800;font-display:swap;
}
html body.page-dpp-tessile {
  --nx-textile-bg:#082b3e;
  --nx-textile-panel:#0e3548;
  --nx-textile-ink:#f8fcfd;
  --nx-textile-muted:#c4d8e1;
  --nx-textile-accent:#9fdfcf;
  background:var(--nx-textile-bg)!important;
}
html body.page-dpp-tessile #main,
html body.page-dpp-tessile #main > .section,
html body.page-dpp-tessile #main > .section.section-white,
html body.page-dpp-tessile #main > .section.section-dark {
  background:var(--nx-textile-bg)!important;
  color:var(--nx-textile-muted)!important;
}
html body.page-dpp-tessile #main,
html body.page-dpp-tessile #main :is(h1,h2,h3,p,li,a,button,span,strong,summary) {
  font-family:NxTextileManrope,Arial,sans-serif!important;
}
html body.page-dpp-tessile #main :is(h1,h2,h3,strong,summary) {
  color:var(--nx-textile-ink)!important;
  -webkit-text-fill-color:var(--nx-textile-ink)!important;
}
html body.page-dpp-tessile #main :is(p,li,.lead,.related-guide span) {
  color:var(--nx-textile-muted)!important;
  -webkit-text-fill-color:var(--nx-textile-muted)!important;
  line-height:1.8;
}
html body.page-dpp-tessile #main h2 {
  font-weight:450!important;letter-spacing:-.035em;line-height:1.18;
}
html body.page-dpp-tessile #main h3 {
  font-weight:650!important;letter-spacing:-.018em;line-height:1.3;
}
html body.page-dpp-tessile #main .eyebrow {
  color:var(--nx-textile-accent)!important;
  -webkit-text-fill-color:var(--nx-textile-accent)!important;
  font-weight:750!important;letter-spacing:.14em!important;
}
html body.page-dpp-tessile #main a {
  color:var(--nx-textile-accent)!important;
  -webkit-text-fill-color:var(--nx-textile-accent)!important;
  text-underline-offset:4px;
}
html body.page-dpp-tessile #main a:hover {color:#d3fff3!important;-webkit-text-fill-color:#d3fff3!important;}
html body.page-dpp-tessile #main .breadcrumbs,
html body.page-dpp-tessile #main .breadcrumbs a {
  color:#b8d3dd!important;-webkit-text-fill-color:#b8d3dd!important;
}
html body.page-dpp-tessile #main .page-hero.nx-textile-leather-hero {
  background:var(--nx-textile-bg)!important;
  min-height:clamp(680px,47vw,800px);padding-top:132px!important;
}
html body.page-dpp-tessile #main .nx-textile-leather-hero::before {
  background:linear-gradient(0deg,#082b3e 0%,rgba(8,43,62,0) 24%),
    linear-gradient(90deg,#082b3e 0%,#082b3e 31%,rgba(8,43,62,.98) 40%,
      rgba(8,43,62,.92) 49%,rgba(8,43,62,.66) 61%,rgba(8,43,62,.22) 79%,rgba(8,43,62,.08) 100%)!important;
}
html body.page-dpp-tessile #main .nx-textile-leather-hero__image {opacity:.88;}
html body.page-dpp-tessile #main .nx-textile-leather-hero__copy {width:66%;max-width:820px;}
html body.page-dpp-tessile #main .nx-textile-leather-hero h1 {
  max-width:none!important;font-size:clamp(3rem,5.35vw,5.5rem)!important;
  font-weight:400!important;line-height:1.07!important;letter-spacing:-.055em!important;
  text-shadow:none!important;text-wrap:initial!important;margin:22px 0 32px!important;
}
html body.page-dpp-tessile #main .nx-textile-title-line {display:block;white-space:nowrap;}
html body.page-dpp-tessile #main .nx-textile-leather-hero .lead {max-width:660px!important;font-size:1.15rem;line-height:1.85;}
html body.page-dpp-tessile #main .nx-textile-video-toggle {
  background:rgba(5,31,45,.85);border-color:rgba(159,223,207,.5);
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body.page-dpp-tessile #main .section {padding-block:84px;}
html body.page-dpp-tessile #main > .section + .section {border-top:1px solid rgba(159,223,207,.12);}
html body.page-dpp-tessile #main .section-header {gap:64px;margin-bottom:40px;}
html body.page-dpp-tessile #main :is(.card,.card.card-dark,.article-callout,.faq-list details,.related-guide) {
  background:var(--nx-textile-panel)!important;
  border:1px solid rgba(159,223,207,.22)!important;
  box-shadow:none!important;
}
html body.page-dpp-tessile #main .card {padding:30px;border-radius:20px;}
html body.page-dpp-tessile #main :is(.card:hover,.related-guide:hover,.faq-list details[open]) {
  background:#123e51!important;border-color:rgba(159,223,207,.48)!important;
}
html body.page-dpp-tessile #main .article-callout {
  border-left:3px solid var(--nx-textile-accent)!important;
  padding:32px 36px;margin:0;border-radius:0 20px 20px 0;
}
html body.page-dpp-tessile #main .article-callout h2 {font-size:clamp(1.5rem,2.2vw,2rem);margin:0 0 18px;}
html body.page-dpp-tessile #main .card-icon {
  color:var(--nx-textile-accent)!important;background:rgba(159,223,207,.10)!important;
}
html body.page-dpp-tessile #main .list-check svg,
html body.page-dpp-tessile #main .faq-list summary::after {color:var(--nx-textile-accent)!important;}
html body.page-dpp-tessile #main .related-guides {border-color:rgba(159,223,207,.22);padding-top:0;border-top:0;}
html body.page-dpp-tessile #main .related-guide {padding:28px;border-radius:20px;}
html body.page-dpp-tessile #main .faq-list details {border-radius:16px;}
html body.page-dpp-tessile #main .faq-list summary {font-weight:600!important;}
html body.page-dpp-tessile #main .media-frame {background:#0c3347!important;border:1px solid rgba(159,223,207,.2);box-shadow:0 18px 60px rgba(0,0,0,.18);}
html body.page-dpp-tessile #main a.button:not(.button-secondary) {
  background:#c0f2e5!important;border-color:#c0f2e5!important;
  color:#072b3e!important;-webkit-text-fill-color:#072b3e!important;
}
html body.page-dpp-tessile #main a.button:not(.button-secondary):hover {background:#ddfff5!important;border-color:#ddfff5!important;}
html body.page-dpp-tessile #main a.button.button-secondary {
  background:transparent!important;border-color:rgba(159,223,207,.6)!important;
  color:#effffb!important;-webkit-text-fill-color:#effffb!important;
}
html body.page-dpp-tessile #main a.button.button-secondary:hover {background:rgba(159,223,207,.12)!important;}
html body.page-dpp-tessile #main :is(a,button,summary):focus-visible {outline:3px solid #9fdfcf;outline-offset:5px;}
html body.page-dpp-tessile .site-footer {background:#062536!important;border-top-color:rgba(159,223,207,.18);}
@media(max-width:1100px) and (min-width:901px) {
  html body.page-dpp-tessile #main .nx-textile-leather-hero__copy {width:70%;}
}
@media(max-width:900px) {
  html body.page-dpp-tessile #main .page-hero.nx-textile-leather-hero {
    min-height:0;padding-top:104px!important;
  }
  html body.page-dpp-tessile #main .nx-textile-leather-hero__copy {width:100%;max-width:760px;}
  html body.page-dpp-tessile #main .nx-textile-leather-hero h1 {
    font-size:clamp(2rem,6.8vw,4rem)!important;line-height:1.13!important;
    margin:20px 0 26px!important;
  }
  html body.page-dpp-tessile #main .nx-textile-leather-hero::before {
    background:linear-gradient(180deg,#082b3e 0px,#082b3e calc(100% - 56.25vw),
      rgba(8,43,62,.7) calc(100% - 48vw),rgba(8,43,62,.05) calc(100% - 28vw),
      rgba(8,43,62,.12) calc(100% - 9vw),#082b3e 100%)!important;
  }
  html body.page-dpp-tessile #main .nx-textile-leather-hero .lead {font-size:1.05rem;line-height:1.8;}
  html body.page-dpp-tessile #main .section {padding-block:58px;}
  html body.page-dpp-tessile #main .section-header {gap:22px;margin-bottom:30px;}
  html body.page-dpp-tessile #main .card,
  html body.page-dpp-tessile #main .related-guide {padding:25px;}
  html body.page-dpp-tessile #main .article-callout {padding:26px 24px;}
}