/* =========================================================
   NURIA SIGNATURE JOURNEYS
   Master Editorial Travel System

   NURIA Signature Journeys
   A Division of NURIA TOURS

     Supports:
   - Signature Journeys Landing
   - The Signature Collection
   - Volume I — NURIA Curated Journeys
   - Volume II — NURIA Select Travel
   - Volume III — NURIA Expedition Series
   - Volume IV — NURIA Cultural Collection

   Updated: September 14, 2026
========================================================= */
/* ==========================================================
   VOLUME I — CURATED JOURNEYS CTA
   ========================================================== */

.nsj-cta-curated {
  position: relative;
  isolation: isolate;
  overflow: hidden;

  background:
    linear-gradient(
      rgba(14, 14, 16, 0.78),
      rgba(14, 14, 16, 0.88)
    ),
    url('/assets/img/collections/volume-i-curated-journeys/cta/curated-journeys-cta.webp')
    center center / cover no-repeat;
}

.nsj-cta-curated::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;

  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.16),
      transparent 40%,
      rgba(0, 0, 0, 0.12)
    );
}

.nsj-cta-curated .container {
  position: relative;
  z-index: 1;
}

/* =========================================================
   01. DESIGN TOKENS
========================================================= */

:root{

  --nsj-red:#c21d1d;
  --nsj-red-dark:#a81717;

  --nsj-gold:#8a6b3e;
  --nsj-gold-soft:#b08d57;

  --nsj-ink:#121417;
  --nsj-heading:#111827;

  --nsj-muted:rgba(17,24,39,.72);
  --nsj-muted-soft:rgba(17,24,39,.60);

  --nsj-white:#ffffff;
  --nsj-soft:#f7f7f5;

  --nsj-border:rgba(17,24,39,.08);

  --nsj-radius:20px;

  --nsj-shadow:
    0 12px 30px rgba(17,24,39,.06);

  --nsj-shadow-hover:
    0 20px 45px rgba(17,24,39,.11);

  --nsj-section-space:90px;
}


/* =========================================================
   02. BASE
========================================================= */

.nt-signature-journeys{
  overflow:hidden;
  background:var(--nsj-white);
  color:var(--nsj-ink);
}


.nt-signature-journeys img{
  display:block;
  max-width:100%;
}


.nt-signature-journeys p{
  color:var(--nsj-muted);
  font-size:1.05rem;
  line-height:1.75;
}


.nt-signature-journeys h1,
.nt-signature-journeys h2,
.nt-signature-journeys h3,
.nt-signature-journeys h4,
.nt-signature-journeys h5{
  color:var(--nsj-heading);
}


.nt-signature-journeys h1,
.nt-signature-journeys h2,
.nt-signature-journeys h3{
  font-family:"Playfair Display", serif;
}


.nt-section,
.py-6{
  padding-top:var(--nsj-section-space);
  padding-bottom:var(--nsj-section-space);
}


/* =========================================================
   03. TYPOGRAPHY
========================================================= */

.nt-section-title,
.nt-signature-journeys h2{
  margin-bottom:18px;

  color:var(--nsj-heading);

  font-family:"Playfair Display", serif;

  font-size:clamp(2rem,4vw,3.2rem);
  font-weight:700;

  line-height:1.12;
  letter-spacing:-.02em;
}


.nt-section-subtitle{
  max-width:760px;

  margin-right:auto;
  margin-bottom:0;
  margin-left:auto;

  color:var(--nsj-muted);

  font-size:1.05rem;
  line-height:1.75;
}


.nt-kicker,
.nsj-kicker,
.nsj-section-kicker{
  display:inline-block;

  margin-bottom:14px;

  color:var(--nsj-gold);

  font-size:.76rem;
  font-weight:700;

  letter-spacing:.18em;
  text-transform:uppercase;
}


.nt-small-note{
  color:rgba(17,24,39,.62);

  font-size:.9rem;
  line-height:1.65;
}


/* =========================================================
   04. HERO — MASTER SYSTEM
========================================================= */

.nsj-hero,
.nsj-collection-hero{
  position:relative;

  min-height:78vh;

  padding:90px 0 70px;

  display:flex;
  align-items:center;

  overflow:hidden;

  background:var(--nsj-ink);
  color:var(--nsj-white);
}


/* ---------------------------------------------------------
   Background
--------------------------------------------------------- */

.nsj-hero-bg,
.nsj-collection-bg{
  position:absolute;
  inset:0;

  z-index:0;
}


.nsj-hero-bg img,
.nsj-collection-bg img{
  width:100%;
  height:100%;

  object-fit:cover;
  object-position:center center;
}


/* ---------------------------------------------------------
   Overlay
--------------------------------------------------------- */

.nsj-overlay{
  position:absolute;
  inset:0;

  z-index:1;

  background:

    linear-gradient(
      90deg,
      rgba(8,12,18,.78) 0%,
      rgba(8,12,18,.56) 42%,
      rgba(8,12,18,.22) 72%,
      rgba(8,12,18,.12) 100%
    ),

    linear-gradient(
      0deg,
      rgba(8,12,18,.22) 0%,
      rgba(8,12,18,.04) 60%
    );
}


.nsj-hero .container,
.nsj-collection-hero .container{
  position:relative;

  z-index:2;
}


/* ---------------------------------------------------------
   Editorial Glass Panel
--------------------------------------------------------- */

.nsj-hero-content{
  max-width:720px;

  padding:42px 42px 38px;

  border:1px solid rgba(255,255,255,.20);
  border-radius:22px;

  background:rgba(18,20,23,.48);

  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);

  box-shadow:
    0 22px 55px rgba(0,0,0,.28);
}


/* ---------------------------------------------------------
   Hero Typography
--------------------------------------------------------- */

.nsj-volume{
  margin-bottom:13px;

  color:rgba(255,255,255,.84);

  font-size:.8rem;
  font-weight:700;

  letter-spacing:.28em;
  text-transform:uppercase;
}


.nsj-hero .nsj-kicker,
.nsj-collection-hero .nsj-kicker{
  color:rgba(255,255,255,.80);
}


.nsj-hero h1,
.nsj-collection-hero h1{
  margin-bottom:14px;

  color:var(--nsj-white);

  font-family:"Playfair Display", serif;

  font-size:clamp(2.55rem,5vw,4.7rem);
  font-weight:700;

  line-height:1.02;
  letter-spacing:-.025em;

  text-shadow:
    0 6px 18px rgba(0,0,0,.48);
}


.nsj-division{
  margin-bottom:18px;

  color:rgba(255,255,255,.82);

  font-size:.76rem;
  font-weight:600;

  line-height:1.5;

  letter-spacing:.17em;
  text-transform:uppercase;
}


.nsj-hero-statement{
  max-width:580px;

  margin:20px 0 12px;

  color:var(--nsj-white) !important;

  font-family:"Playfair Display", serif;

  font-size:clamp(1.65rem,3vw,2.5rem) !important;
  font-weight:500 !important;

  line-height:1.17 !important;
}


.nsj-lead{
  max-width:640px;

  margin-bottom:0;

  color:rgba(255,255,255,.88) !important;

  font-size:1.08rem !important;
  line-height:1.67 !important;

  text-shadow:
    0 3px 12px rgba(0,0,0,.38);
}


/* =========================================================
   05. HERO — COLLECTION PERSONALITY
========================================================= */

/*
   The four volumes intentionally share the same architecture.

   These selectors exist only to allow subtle future tuning
   without creating separate CSS systems.
*/


.nsj-cultural-hero .nsj-division{
  color:#e2b56d;
}


.nsj-cultural-hero .nsj-overlay{
  background:

    linear-gradient(
      90deg,
      rgba(9,9,9,.84) 0%,
      rgba(9,9,9,.62) 43%,
      rgba(9,9,9,.24) 74%,
      rgba(9,9,9,.10) 100%
    ),

    linear-gradient(
      0deg,
      rgba(8,8,8,.22) 0%,
      rgba(8,8,8,.03) 65%
    );
}


/* =========================================================
   06. BUTTONS
========================================================= */

.nsj-actions,
.nsj-cta-buttons{
  display:flex;
  flex-wrap:wrap;

  gap:14px;

  margin-top:27px;
}


.nsj-actions .btn,
.nsj-cta-buttons .btn{
  padding:12px 22px;

  border-radius:999px;

  font-size:.86rem;
  font-weight:650;

  letter-spacing:.035em;

  transition:
    transform .2s ease,
    background-color .2s ease,
    border-color .2s ease,
    color .2s ease;
}


/* Primary */

.nsj-actions .btn-primary,
.nsj-cta-buttons .btn-primary,
.nt-signature-journeys .btn-brand{
  border-color:var(--nsj-red);

  background:var(--nsj-red);

  color:var(--nsj-white);

  box-shadow:
    0 12px 28px rgba(194,29,29,.22);
}


.nsj-actions .btn-primary:hover,
.nsj-cta-buttons .btn-primary:hover,
.nt-signature-journeys .btn-brand:hover{
  border-color:var(--nsj-red-dark);

  background:var(--nsj-red-dark);

  color:var(--nsj-white);

  transform:translateY(-1px);
}


/* Secondary */

.nsj-actions .btn-outline-light,
.nsj-cta-buttons .btn-outline-light{
  border-color:rgba(255,255,255,.60);

  color:var(--nsj-white);
}


.nsj-actions .btn-outline-light:hover,
.nsj-cta-buttons .btn-outline-light:hover{
  border-color:var(--nsj-white);

  background:var(--nsj-white);

  color:var(--nsj-ink);

  transform:translateY(-1px);
}


/* =========================================================
   07. SECTION BACKGROUNDS
========================================================= */

.nsj-introduction,
.nsj-experience,
.nsj-why,
.nsj-faq,

.nt-select-experience,
.nt-cultural-experience,
.nt-designed-for,
.nt-journey-includes,
.nt-faq{
  background:var(--nsj-white);
}


.nsj-philosophy,
.nsj-collections,
.nsj-stories,

.nt-philosophy,
.nt-featured-editions{
  background:var(--nsj-soft);

  border-top:1px solid var(--nsj-border);
  border-bottom:1px solid var(--nsj-border);
}


/* =========================================================
   08. STANDARD LANDING CARDS
========================================================= */

.nsj-experience-card,
.nsj-collection-card,
.nsj-value-card,
.nsj-story-card,
.nsj-principle-card,
.nsj-profile-card,
.nsj-include-card{
  height:100%;

  padding:30px;

  border:1px solid var(--nsj-border);
  border-radius:var(--nsj-radius);

  background:var(--nsj-white);

  box-shadow:var(--nsj-shadow);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}


.nsj-experience-card:hover,
.nsj-collection-card:hover,
.nsj-value-card:hover,
.nsj-profile-card:hover,
.nsj-include-card:hover{
  transform:translateY(-5px);

  box-shadow:var(--nsj-shadow-hover);
}


.nsj-experience-card span,
.nsj-include-number{
  display:inline-block;

  margin-bottom:16px;

  color:var(--nsj-gold);

  font-size:.78rem;
  font-weight:700;

  letter-spacing:.16em;
}


.nsj-experience-card h3,
.nsj-collection-card h3,
.nsj-value-card h3,
.nsj-principle-card h3,
.nsj-profile-card h3,
.nsj-include-card h3{
  margin-bottom:12px;

  color:var(--nsj-heading);

  font-family:"Playfair Display", serif;

  font-size:1.55rem;

  line-height:1.2;
}


.nsj-card-label{
  display:inline-block;

  margin-bottom:16px;

  color:var(--nsj-red);

  font-size:.72rem;
  font-weight:700;

  letter-spacing:.14em;
  text-transform:uppercase;
}


/* =========================================================
   09. MASTER NT CARD
========================================================= */

.nt-signature-journeys .nt-card{
  height:100%;

  padding:30px;

  border:1px solid var(--nsj-border);
  border-radius:var(--nsj-radius);

  background:var(--nsj-white);

  box-shadow:var(--nsj-shadow);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}


.nt-signature-journeys .nt-card:hover{
  transform:translateY(-5px);

  box-shadow:var(--nsj-shadow-hover);
}


.nt-signature-journeys .nt-card h3,
.nt-signature-journeys .nt-card h4,
.nt-signature-journeys .nt-card h5{
  margin-bottom:12px;

  color:var(--nsj-heading);

  font-family:"Playfair Display", serif;

  font-weight:700;

  line-height:1.25;
}


.nt-signature-journeys .nt-card p{
  margin-bottom:0;

  color:var(--nsj-muted);

  font-size:.96rem;

  line-height:1.7;
}


/* =========================================================
   10. DESTINATION SUMMARY — LANDING
========================================================= */

.nsj-destinations{
  margin-top:20px;

  padding-top:18px;

  border-top:1px solid var(--nsj-border);
}


.nsj-destinations strong{
  display:block;

  margin-bottom:8px;

  color:var(--nsj-heading);

  font-size:.76rem;
  font-weight:700;

  letter-spacing:.14em;
  text-transform:uppercase;
}


.nsj-destinations span{
  display:block;

  color:var(--nsj-gold);

  font-size:.92rem;
  line-height:1.6;
}


/* =========================================================
   11. FEATURED EDITIONS — MASTER
========================================================= */

.nt-featured-editions .nt-edition-card,
.nt-edition-card{
  height:100%;

  overflow:hidden;

  padding:0;

  border:1px solid var(--nsj-border);
  border-radius:var(--nsj-radius);

  background:var(--nsj-white);

  box-shadow:var(--nsj-shadow);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}


.nt-edition-card:hover{
  transform:translateY(-5px);

  box-shadow:var(--nsj-shadow-hover);
}


/* ---------------------------------------------------------
   Variant A
   Existing volumes using .nt-edition-cover
--------------------------------------------------------- */

.nt-edition-cover{
  position:relative;

  overflow:hidden;

  aspect-ratio:3 / 2;

  background:var(--nsj-ink);
}


.nt-edition-cover::after{
  content:"";

  position:absolute;
  inset:0;

  background:
    linear-gradient(
      0deg,
      rgba(0,0,0,.16) 0%,
      rgba(0,0,0,0) 48%
    );

  pointer-events:none;
}


.nt-edition-cover img{
  width:100%;
  height:100%;

  object-fit:cover;

  transition:transform .5s ease;
}


.nt-edition-card:hover .nt-edition-cover img{
  transform:scale(1.025);
}


/* ---------------------------------------------------------
   Variant B
   Editions with image directly inside card
--------------------------------------------------------- */

.nt-featured-editions
.nt-edition-card > img{
  width:100%;

  aspect-ratio:4 / 3;

  object-fit:cover;
  object-position:center;

  transition:transform .5s ease;
}


.nt-featured-editions
.nt-edition-card:hover > img{
  transform:scale(1.018);
}


/* ---------------------------------------------------------
   Edition Content
--------------------------------------------------------- */

.nt-edition-content{
  padding:29px 28px 30px;
}


.nt-edition-number{
  display:block;

  margin-bottom:12px;

  color:var(--nsj-red);

  font-size:.73rem;
  font-weight:700;

  letter-spacing:.16em;
  text-transform:uppercase;
}


.nt-edition-content h3{
  margin-bottom:6px;

  color:var(--nsj-heading);

  font-family:"Playfair Display", serif;

  font-size:clamp(1.65rem,3vw,2.1rem);

  line-height:1.15;
}


/* ---------------------------------------------------------
   Destination / Location
--------------------------------------------------------- */

.nt-location,
.nt-edition-destination{
  margin-bottom:16px;

  color:var(--nsj-gold) !important;

  font-size:.8rem !important;
  font-weight:700;

  letter-spacing:.12em;

  text-transform:uppercase;
}


.nt-edition-content p{
  color:var(--nsj-muted);

  font-size:.98rem;

  line-height:1.7;
}


/* =========================================================
   12. EDITORIAL PASSPORT — VARIANT A
========================================================= */

.nt-passport-preview{
  margin-top:22px;

  padding-top:18px;

  border-top:1px solid var(--nsj-border);
}


.nt-passport-title{
  margin-bottom:13px;

  color:var(--nsj-gold);

  font-size:.71rem;
  font-weight:700;

  letter-spacing:.18em;

  text-transform:uppercase;
}


.nt-passport-item{
  display:flex;

  justify-content:space-between;
  align-items:center;

  gap:20px;

  padding:6px 0;
}


.nt-passport-label{
  color:var(--nsj-muted-soft);

  font-size:.86rem;
}


.nt-passport-value{
  color:var(--nsj-heading);

  font-size:.88rem;
  font-weight:600;

  text-align:right;
}


/* =========================================================
   13. EDITORIAL PASSPORT — VARIANT B
========================================================= */

.nt-edition-passport{
  display:grid;

  grid-template-columns:1fr;

  gap:.55rem;

  margin-top:18px;
  margin-bottom:18px;

  padding-top:17px;

  border-top:1px solid var(--nsj-border);
}


.nt-edition-passport span{
  display:block;

  color:var(--nsj-muted);

  font-size:.88rem;

  line-height:1.55;
}


.nt-edition-passport strong{
  color:var(--nsj-heading);

  font-weight:600;
}


/* =========================================================
   14. EDITORIAL LINKS
========================================================= */

.nt-edition-link,
.nt-editorial-link{
  display:inline-flex;

  align-items:center;

  gap:8px;

  margin-top:20px;

  color:var(--nsj-red);

  text-decoration:none;

  font-size:.76rem;
  font-weight:700;

  letter-spacing:.12em;

  text-transform:uppercase;

  transition:
    color .2s ease,
    transform .2s ease;
}


.nt-edition-link:hover,
.nt-editorial-link:hover{
  color:var(--nsj-red-dark);

  transform:translateX(2px);
}


/* =========================================================
   15. EDITORIAL LISTS
========================================================= */

.nt-editorial-list{
  margin:0;

  padding:0;

  list-style:none;
}


.nt-editorial-list li{
  position:relative;

  padding:11px 0 11px 24px;

  border-bottom:1px solid var(--nsj-border);

  color:var(--nsj-muted);

  line-height:1.6;
}


.nt-editorial-list li:last-child{
  border-bottom:0;
}


.nt-editorial-list li::before{
  content:"";

  position:absolute;

  top:19px;
  left:0;

  width:8px;
  height:2px;

  border-radius:0;

  background:var(--nsj-red);
}


/* =========================================================
   16. EXPERIENCE / DESIGNED FOR / STANDARD
========================================================= */

.nt-select-experience,
.nt-cultural-experience,
.nt-designed-for,
.nt-journey-includes{
  position:relative;
}


.nt-select-experience::before,
.nt-cultural-experience::before,
.nt-designed-for::before,
.nt-journey-includes::before{
  content:"";

  position:absolute;

  top:0;
  left:50%;

  width:72px;
  height:2px;

  transform:translateX(-50%);

  background:var(--nsj-red);
}


.nt-select-experience .nt-card h3,
.nt-cultural-experience .nt-card h3,
.nt-designed-for .nt-card h3,
.nt-journey-includes .nt-card h3{
  margin-top:.75rem;
  margin-bottom:.75rem;
}


/* =========================================================
   17. STORIES
========================================================= */

.nsj-story-card{
  max-width:860px;

  margin:0 auto;
}


.nsj-story-card p{
  color:var(--nsj-heading);

  font-family:"Playfair Display", serif;

  font-size:1.45rem;

  line-height:1.6;
}


.nsj-story-card span{
  display:block;

  margin-top:18px;

  color:var(--nsj-gold);

  font-size:.76rem;
  font-weight:700;

  letter-spacing:.14em;

  text-transform:uppercase;
}


/* =========================================================
   18. FAQ
========================================================= */

.nsj-accordion,
.nt-faq .accordion{
  max-width:900px;

  margin:0 auto;
}


.nsj-accordion .accordion-item,
.nt-faq .accordion-item{
  overflow:hidden;

  margin-bottom:14px;

  border:1px solid var(--nsj-border);
  border-radius:16px;

  background:var(--nsj-white);

  box-shadow:
    0 8px 22px rgba(17,24,39,.04);
}


.nsj-accordion .accordion-button,
.nt-faq .accordion-button{
  padding:18px 22px;

  color:var(--nsj-heading);

  background:var(--nsj-white);

  font-weight:650;

  box-shadow:none;
}


.nsj-accordion .accordion-button:not(.collapsed),
.nt-faq .accordion-button:not(.collapsed){
  background:var(--nsj-soft);

  color:var(--nsj-heading);

  box-shadow:none;
}


.nsj-accordion .accordion-button:focus,
.nt-faq .accordion-button:focus{
  border-color:transparent;

  box-shadow:none;
}


.nsj-accordion .accordion-body,
.nt-faq .accordion-body{
  padding:18px 22px 24px;

  color:var(--nsj-muted);

  line-height:1.75;
}


/* =========================================================
   19. CTA — LANDING
========================================================= */

.nsj-cta{
  padding:95px 0;

  background:
    linear-gradient(
      135deg,
      rgba(18,20,23,.97),
      rgba(18,20,23,.89)
    );

  color:var(--nsj-white);
}


.nsj-cta h2{
  color:var(--nsj-white);
}


.nsj-cta p{
  max-width:760px;

  margin-right:auto;
  margin-left:auto;

  color:rgba(255,255,255,.82);
}


/* =========================================================
   20. CTA — COLLECTION VOLUMES
========================================================= */

.nt-editorial-cta{
  background:var(--nsj-soft);

  border-top:1px solid var(--nsj-border);
}


.nt-editorial-cta .nt-work-cta{
  position:relative;

  overflow:hidden;

  border:1px solid var(--nsj-border);
  border-radius:var(--nsj-radius);

  background:var(--nsj-white);

  box-shadow:var(--nsj-shadow);
}


.nt-editorial-cta .nt-work-cta::before{
  content:"";

  position:absolute;

  top:0;
  left:0;

  width:90px;
  height:3px;

  background:var(--nsj-red);
}


.nt-work-cta-text{
  max-width:690px;
}


.nt-work-cta-actions{
  display:flex;

  justify-content:flex-end;
  align-items:center;
}


.nt-work-cta-actions .btn{
  padding:12px 23px;

  border-radius:999px;

  font-size:.86rem;
  font-weight:650;
}


/* =========================================================
   21. ACCESSIBILITY
========================================================= */

.nt-edition-link:focus-visible,
.nt-editorial-link:focus-visible,

.nsj-actions .btn:focus-visible,
.nsj-cta-buttons .btn:focus-visible,

.nt-work-cta-actions .btn:focus-visible{
  outline:3px solid rgba(194,29,29,.28);

  outline-offset:4px;
}


/* =========================================================
   22. TABLET
========================================================= */

@media (max-width:991.98px){

  :root{
    --nsj-section-space:76px;
  }


  .nsj-hero,
  .nsj-collection-hero{
    min-height:72vh;

    padding:72px 0 60px;
  }


  .nsj-hero-content{
    max-width:680px;
  }


  /*
     Important:
     Hero typography remains white on tablet.
     Prevents inherited light-background heading rules.
  */

  .nsj-hero h1,
  .nsj-collection-hero h1,
  .nsj-hero-statement{
    color:var(--nsj-white) !important;
  }


  .nsj-lead{
    color:rgba(255,255,255,.88) !important;
  }


  .nt-work-cta-actions{
    justify-content:flex-start;
  }

}


/* =========================================================
   23. MOBILE
========================================================= */

@media (max-width:767.98px){

  :root{
    --nsj-section-space:64px;
  }


  .nsj-hero,
  .nsj-collection-hero{
    min-height:78vh;

    padding:60px 0 48px;
  }


  .nsj-overlay{
    background:

      linear-gradient(
        180deg,
        rgba(8,12,18,.43) 0%,
        rgba(8,12,18,.62) 32%,
        rgba(8,12,18,.88) 100%
      );
  }


  .nsj-hero-content{
    max-width:100%;

    padding:27px 23px;

    border-radius:18px;

    background:rgba(18,20,23,.58);
  }


  .nsj-hero h1,
  .nsj-collection-hero h1{
    color:var(--nsj-white) !important;

    font-size:clamp(2.35rem,11vw,3.2rem);
  }


  .nsj-hero-statement{
    color:var(--nsj-white) !important;

    font-size:1.65rem !important;
  }


  .nsj-lead{
    color:rgba(255,255,255,.90) !important;

    font-size:1rem !important;
  }


  .nsj-actions,
  .nsj-cta-buttons{
    flex-direction:column;
  }


  .nsj-actions .btn,
  .nsj-cta-buttons .btn{
    width:100%;
  }


  .nsj-experience-card,
  .nsj-collection-card,
  .nsj-value-card,
  .nsj-story-card,
  .nsj-principle-card,
  .nsj-profile-card,
  .nsj-include-card{
    padding:24px;
  }


  .nt-signature-journeys .nt-card{
    padding:24px;
  }


  .nt-edition-content{
    padding:24px 22px 26px;
  }


  .nt-edition-cover{
    aspect-ratio:4 / 3;
  }


  .nt-featured-editions
  .nt-edition-card > img{
    aspect-ratio:4 / 3;
  }


  .nt-work-cta-actions{
    justify-content:flex-start;
  }


  .nt-editorial-cta .nt-work-cta{
    padding:32px !important;
  }

}


/* =========================================================
   24. SMALL MOBILE
========================================================= */

@media (max-width:575.98px){

  .nsj-hero,
  .nsj-collection-hero{
    min-height:auto;
  }


  .nsj-volume{
    letter-spacing:.22em;
  }


  .nsj-division{
    letter-spacing:.12em;

    line-height:1.5;
  }


  .nt-passport-item{
    align-items:flex-start;
  }


  .nt-passport-label{
    max-width:48%;
  }


  .nt-passport-value{
    max-width:52%;
  }


  .nt-edition-passport{
    gap:.45rem;
  }


  .nt-editorial-cta .nt-work-cta{
    padding:26px !important;
  }

}


/* =========================================================
   25. REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce){

  .nt-edition-card,
  .nt-edition-cover img,
  .nt-featured-editions .nt-edition-card > img,

  .nsj-experience-card,
  .nsj-collection-card,
  .nsj-value-card,
  .nsj-profile-card,
  .nsj-include-card,

  .nt-signature-journeys .nt-card,

  .nsj-actions .btn,
  .nsj-cta-buttons .btn,
  .nt-work-cta-actions .btn,

  .nt-edition-link,
  .nt-editorial-link{
    transition:none;
  }


  .nt-edition-card:hover,
  .nsj-experience-card:hover,
  .nsj-collection-card:hover,
  .nsj-value-card:hover,
  .nsj-profile-card:hover,
  .nsj-include-card:hover,
  .nt-signature-journeys .nt-card:hover{
    transform:none;
  }


  .nt-edition-card:hover .nt-edition-cover img,
  .nt-featured-editions .nt-edition-card:hover > img{
    transform:none;
  }

}

/* =========================================================
  26. DESIGNED FOR — TABLET REFINEMENT
========================================================= */

@media (min-width:768px) and (max-width:1199.98px){

  .nt-designed-for .row > .col-lg{
    flex:0 0 33.333333%;
    max-width:33.333333%;
  }

}

/* =========================================================
   27. ADJACENT SECTION RHYTHM
========================================================= */

.nt-faq + .nt-editorial-cta{
  padding-top:60px;
}

@media (max-width:991.98px){

  .nt-faq + .nt-editorial-cta{
    padding-top:48px;
  }

}

/* =========================================================
   28. THE SIGNATURE COLLECTION
   Secondary Editorial Collection Landing

   Scope:
   /collection
   /es/collection
========================================================= */


/* ---------------------------------------------------------
   Shared Collection Typography
--------------------------------------------------------- */

.nsc-kicker{
  display:inline-block;

  margin-bottom:14px;

  color:var(--nsj-gold);

  font-size:.76rem;
  font-weight:700;

  letter-spacing:.18em;
  text-transform:uppercase;
}


.nsj-accent{
  color:var(--nsj-red);
}


.nsc-red-line,
.nsj-red-line{
  width:64px;
  height:2px;

  margin-top:20px;
  margin-bottom:24px;

  background:var(--nsj-red);
}


/* =========================================================
   29. SIGNATURE COLLECTION — HERO
========================================================= */

.nsc-hero{
  position:relative;

  min-height:78vh;

  padding:90px 0 70px;

  display:flex;
  align-items:center;

  overflow:hidden;

  background:var(--nsj-ink);

  color:var(--nsj-white);
}


.nsc-hero-bg{
  position:absolute;
  inset:0;

  z-index:0;
}


.nsc-hero-bg img{
  width:100%;
  height:100%;

  object-fit:cover;
  object-position:center center;
}


.nsc-hero-overlay{
  position:absolute;
  inset:0;

  z-index:1;

  background:

    linear-gradient(
      90deg,
      rgba(8,12,18,.82) 0%,
      rgba(8,12,18,.64) 42%,
      rgba(8,12,18,.30) 72%,
      rgba(8,12,18,.14) 100%
    ),

    linear-gradient(
      0deg,
      rgba(8,12,18,.24) 0%,
      rgba(8,12,18,.04) 65%
    );
}


.nsc-hero .container{
  position:relative;

  z-index:2;
}


.nsc-hero-content{
  max-width:730px;

  padding:42px 42px 38px;

  border:1px solid rgba(255,255,255,.20);
  border-radius:22px;

  background:rgba(18,20,23,.48);

  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);

  box-shadow:
    0 22px 55px rgba(0,0,0,.28);
}


.nsc-hero .nsc-kicker{
  color:rgba(255,255,255,.78);
}


.nsc-eyebrow{
  margin-bottom:13px;

  color:rgba(255,255,255,.92);

  font-size:.8rem;
  font-weight:700;

  letter-spacing:.27em;
  text-transform:uppercase;
}


.nsc-hero h1{
  margin-bottom:0;

  color:var(--nsj-white);

  font-family:"Playfair Display", serif;

  font-size:clamp(2.55rem,5vw,4.6rem);
  font-weight:700;

  line-height:1.03;
  letter-spacing:-.025em;

  text-shadow:
    0 6px 18px rgba(0,0,0,.48);
}


.nsc-hero .nsc-red-line{
  margin-top:24px;
  margin-bottom:23px;
}


.nsc-lead{
  max-width:640px;

  margin-bottom:0;

  color:rgba(255,255,255,.88) !important;

  font-size:1.08rem !important;
  line-height:1.67 !important;

  text-shadow:
    0 3px 12px rgba(0,0,0,.38);
}


/* ---------------------------------------------------------
   Collection Actions
--------------------------------------------------------- */

.nsc-actions{
  display:flex;
  flex-wrap:wrap;

  gap:14px;

  margin-top:28px;
}


.nsc-actions .btn{
  padding:12px 22px;

  border-radius:999px;

  font-size:.86rem;
  font-weight:650;

  letter-spacing:.035em;

  transition:
    transform .2s ease,
    background-color .2s ease,
    border-color .2s ease,
    color .2s ease;
}


.nsc-actions .btn-primary{
  border-color:var(--nsj-red);

  background:var(--nsj-red);

  color:var(--nsj-white);

  box-shadow:
    0 12px 28px rgba(194,29,29,.22);
}


.nsc-actions .btn-primary:hover{
  border-color:var(--nsj-red-dark);

  background:var(--nsj-red-dark);

  color:var(--nsj-white);

  transform:translateY(-1px);
}


.nsc-actions .btn-outline-light{
  border-color:rgba(255,255,255,.60);

  color:var(--nsj-white);
}


.nsc-actions .btn-outline-light:hover{
  border-color:var(--nsj-white);

  background:var(--nsj-white);

  color:var(--nsj-ink);

  transform:translateY(-1px);
}


/* =========================================================
   30. SIGNATURE COLLECTION — INTRODUCTION
========================================================= */

.nsc-introduction{
  position:relative;

  background:var(--nsj-white);
}


.nsc-introduction::before{
  content:"";

  position:absolute;

  top:0;
  left:50%;

  width:72px;
  height:2px;

  transform:translateX(-50%);

  background:var(--nsj-red);
}


.nsc-introduction .nt-section-subtitle{
  max-width:820px;
}


/* =========================================================
   31. SIGNATURE COLLECTION — FOUR VOLUMES
========================================================= */

.nsc-volumes{
  position:relative;

  background:var(--nsj-soft);

  border-top:1px solid var(--nsj-border);
  border-bottom:1px solid var(--nsj-border);
}


.nsc-volume-card{
  position:relative;

  height:100%;

  padding:36px 34px 34px;

  overflow:hidden;

  border:1px solid var(--nsj-border);
  border-radius:var(--nsj-radius);

  background:var(--nsj-white);

  box-shadow:var(--nsj-shadow);

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}


.nsc-volume-card::before{
  content:"";

  position:absolute;

  top:0;
  left:0;

  width:72px;
  height:3px;

  background:var(--nsj-red);
}


.nsc-volume-card:hover{
  transform:translateY(-5px);

  border-color:rgba(194,29,29,.15);

  box-shadow:var(--nsj-shadow-hover);
}


.nsc-volume-number{
  margin-bottom:15px;

  color:var(--nsj-red);

  font-size:.73rem;
  font-weight:700;

  letter-spacing:.17em;
  text-transform:uppercase;
}


.nsc-volume-kicker{
  display:block;

  margin-bottom:13px;

  color:var(--nsj-gold);

  font-size:.72rem;
  font-weight:700;

  letter-spacing:.11em;
  text-transform:uppercase;
}


.nsc-volume-card h3{
  margin-bottom:15px;

  color:var(--nsj-heading);

  font-family:"Playfair Display", serif;

  font-size:clamp(1.7rem,3vw,2.25rem);
  font-weight:700;

  line-height:1.16;
}


.nsc-volume-card p{
  margin-bottom:24px;

  color:var(--nsj-muted);

  font-size:.98rem;

  line-height:1.72;
}


.nsc-volume-link{
  display:inline-flex;

  align-items:center;

  gap:8px;

  color:var(--nsj-red);

  text-decoration:none;

  font-size:.76rem;
  font-weight:700;

  letter-spacing:.11em;
  text-transform:uppercase;

  transition:
    color .2s ease,
    transform .2s ease;
}


.nsc-volume-link::after{
  content:"→";

  font-size:1rem;
  line-height:1;
}


.nsc-volume-link:hover{
  color:var(--nsj-red-dark);

  transform:translateX(2px);
}


/* =========================================================
   32. SIGNATURE COLLECTION — CHOOSE YOUR JOURNEY
========================================================= */

.nsc-choose{
  position:relative;

  background:var(--nsj-white);
}


.nsc-choose .nt-section-title{
  max-width:560px;
}


.nsc-choose .col-lg-5 > p{
  max-width:520px;

  margin-bottom:0;
}


.nsc-pathways{
  position:relative;

  border-top:1px solid var(--nsj-border);
}


.nsc-pathway{
  display:grid;

  grid-template-columns:54px 1fr;

  gap:22px;

  padding:24px 0;

  border-bottom:1px solid var(--nsj-border);
}


.nsc-pathway > span{
  padding-top:5px;

  color:var(--nsj-red);

  font-size:.73rem;
  font-weight:700;

  letter-spacing:.14em;
}


.nsc-pathway h3{
  margin-bottom:6px;

  color:var(--nsj-heading);

  font-family:"Playfair Display", serif;

  font-size:1.5rem;

  line-height:1.2;
}


.nsc-pathway p{
  max-width:580px;

  margin-bottom:0;

  color:var(--nsj-muted);

  font-size:.96rem;

  line-height:1.65;
}


/* =========================================================
   33. SIGNATURE COLLECTION — FINAL CTA
========================================================= */

.nsc-cta{
  position:relative;

  padding:96px 0;

  overflow:hidden;

  background:
    linear-gradient(
      135deg,
      rgba(18,20,23,.98),
      rgba(18,20,23,.90)
    );

  color:var(--nsj-white);
}


.nsc-cta::before{
  content:"";

  position:absolute;

  top:0;
  left:50%;

  width:86px;
  height:2px;

  transform:translateX(-50%);

  background:var(--nsj-red);
}


.nsc-cta .container{
  position:relative;

  z-index:1;
}


.nsc-cta .nsc-kicker{
  color:rgba(255,255,255,.72);
}


.nsc-cta h2{
  color:var(--nsj-white);

  font-family:"Playfair Display", serif;

  font-size:clamp(2rem,4vw,3.25rem);

  line-height:1.12;
}


.nsc-cta p{
  max-width:740px;

  margin-right:auto;
  margin-bottom:0;
  margin-left:auto;

  color:rgba(255,255,255,.82);
}


/* =========================================================
   34. SIGNATURE COLLECTION — ACCESSIBILITY
========================================================= */

.nsc-volume-link:focus-visible,
.nsc-actions .btn:focus-visible{
  outline:3px solid rgba(194,29,29,.28);

  outline-offset:4px;
}


/* =========================================================
   35. SIGNATURE COLLECTION — TABLET
========================================================= */

@media (max-width:991.98px){

  .nsc-hero{
    min-height:72vh;

    padding:72px 0 60px;
  }


  .nsc-hero-content{
    max-width:680px;
  }


  .nsc-hero h1{
    color:var(--nsj-white) !important;
  }


  .nsc-lead{
    color:rgba(255,255,255,.88) !important;
  }


  .nsc-choose .nt-section-title,
  .nsc-choose .col-lg-5 > p{
    max-width:760px;
  }


  .nsc-cta{
    padding:82px 0;
  }

}


/* =========================================================
   36. SIGNATURE COLLECTION — MOBILE
========================================================= */

@media (max-width:767.98px){

  .nsc-hero{
    min-height:78vh;

    padding:60px 0 48px;
  }


  .nsc-hero-overlay{
    background:

      linear-gradient(
        180deg,
        rgba(8,12,18,.43) 0%,
        rgba(8,12,18,.64) 34%,
        rgba(8,12,18,.90) 100%
      );
  }


  .nsc-hero-content{
    max-width:100%;

    padding:27px 23px;

    border-radius:18px;

    background:rgba(18,20,23,.58);
  }


  .nsc-hero h1{
    color:var(--nsj-white) !important;

    font-size:clamp(2.35rem,11vw,3.2rem);
  }


  .nsc-lead{
    color:rgba(255,255,255,.90) !important;

    font-size:1rem !important;
  }


  .nsc-actions{
    flex-direction:column;
  }


  .nsc-actions .btn{
    width:100%;
  }


  .nsc-volume-card{
    padding:29px 25px 27px;
  }


  .nsc-pathway{
    grid-template-columns:42px 1fr;

    gap:15px;

    padding:21px 0;
  }


  .nsc-cta{
    padding:70px 0;
  }

}


/* =========================================================
   37. SIGNATURE COLLECTION — SMALL MOBILE
========================================================= */

@media (max-width:575.98px){

  .nsc-hero{
    min-height:auto;
  }


  .nsc-eyebrow{
    letter-spacing:.20em;
  }


  .nsc-volume-kicker{
    line-height:1.6;
  }

}


/* =========================================================
   38. SIGNATURE COLLECTION — REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce){

  .nsc-volume-card,
  .nsc-volume-link,
  .nsc-actions .btn{
    transition:none;
  }


  .nsc-volume-card:hover,
  .nsc-volume-link:hover,
  .nsc-actions .btn:hover{
    transform:none;
  }

}

/* =========================================================
   39. JOURNEY DESIGN INQUIRY
   Begin Your Journey

   Scope:
   /journey-inquiry
   /es/journey-inquiry

   Updated: September 14, 2026
========================================================= */


/* =========================================================
   40. JOURNEY DESIGN INQUIRY — HERO
========================================================= */

.nsj-inquiry-hero{
  position:relative;

  min-height:78vh;

  padding:90px 0 70px;

  display:flex;
  align-items:center;

  overflow:hidden;

  background:var(--nsj-ink);
  color:var(--nsj-white);
}


/* ---------------------------------------------------------
   Background
--------------------------------------------------------- */

.nsj-inquiry-hero-bg{
  position:absolute;
  inset:0;

  z-index:0;

  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
}


/* ---------------------------------------------------------
   Overlay
--------------------------------------------------------- */

.nsj-inquiry-hero-overlay{
  position:absolute;
  inset:0;

  z-index:1;

  background:

    linear-gradient(
      90deg,
      rgba(8,12,18,.84) 0%,
      rgba(8,12,18,.65) 40%,
      rgba(8,12,18,.30) 70%,
      rgba(8,12,18,.13) 100%
    ),

    linear-gradient(
      0deg,
      rgba(8,12,18,.25) 0%,
      rgba(8,12,18,.04) 62%
    );
}


.nsj-inquiry-hero .container{
  position:relative;

  z-index:2;
}


/* ---------------------------------------------------------
   Editorial Content Panel
--------------------------------------------------------- */

.nsj-inquiry-hero-wrap{
  max-width:720px;

  padding:42px 42px 38px;

  border:1px solid rgba(255,255,255,.19);
  border-radius:22px;

  background:rgba(18,20,23,.48);

  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);

  box-shadow:
    0 22px 55px rgba(0,0,0,.28);
}


/* ---------------------------------------------------------
   Hero Kicker
--------------------------------------------------------- */

.nsj-inquiry-hero .nsc-kicker{
  margin-bottom:12px;

  color:rgba(255,255,255,.76);
}


/* ---------------------------------------------------------
   Eyebrow
--------------------------------------------------------- */

.nsj-inquiry-eyebrow{
  display:block;

  margin-bottom:14px;

  color:rgba(255,255,255,.92);

  font-size:.78rem;
  font-weight:700;

  letter-spacing:.24em;
  text-transform:uppercase;
}


/* ---------------------------------------------------------
   Title
--------------------------------------------------------- */

.nsj-inquiry-title{
  max-width:650px;

  margin-bottom:0;

  color:var(--nsj-white) !important;

  font-family:"Playfair Display", serif;

  font-size:clamp(2.7rem,5vw,4.8rem);
  font-weight:700;

  line-height:1.02;
  letter-spacing:-.026em;

  text-shadow:
    0 6px 18px rgba(0,0,0,.48);
}


.nsj-inquiry-title .nsj-accent{
  color:var(--nsj-red);
}


/* ---------------------------------------------------------
   Red Direction Line
--------------------------------------------------------- */

.nsj-inquiry-hero .nsj-red-line{
  margin-top:23px;
  margin-bottom:22px;
}


/* ---------------------------------------------------------
   Lead
--------------------------------------------------------- */

.nsj-inquiry-lead{
  max-width:590px;

  margin-bottom:0;

  color:rgba(255,255,255,.90) !important;

  font-size:1.09rem !important;
  line-height:1.68 !important;

  text-shadow:
    0 3px 12px rgba(0,0,0,.38);
}


/* =========================================================
   41. JOURNEY DESIGN INQUIRY — TABLET
========================================================= */

@media (max-width:991.98px){

  .nsj-inquiry-hero{
    min-height:72vh;

    padding:72px 0 60px;
  }


  .nsj-inquiry-hero-wrap{
    max-width:680px;
  }


  .nsj-inquiry-title{
    color:var(--nsj-white) !important;
  }


  .nsj-inquiry-lead{
    color:rgba(255,255,255,.90) !important;
  }

}


/* =========================================================
   42. JOURNEY DESIGN INQUIRY — MOBILE
========================================================= */

@media (max-width:767.98px){

  .nsj-inquiry-hero{
    min-height:78vh;

    padding:60px 0 48px;
  }


  .nsj-inquiry-hero-overlay{
    background:

      linear-gradient(
        180deg,
        rgba(8,12,18,.34) 0%,
        rgba(8,12,18,.58) 33%,
        rgba(8,12,18,.91) 100%
      );
  }


  .nsj-inquiry-hero-wrap{
    max-width:100%;

    padding:27px 23px;

    border-radius:18px;

    background:rgba(18,20,23,.59);
  }


  .nsj-inquiry-title{
    color:var(--nsj-white) !important;

    font-size:clamp(2.35rem,11vw,3.3rem);
  }


  .nsj-inquiry-lead{
    color:rgba(255,255,255,.92) !important;

    font-size:1rem !important;
  }


  .nsj-inquiry-eyebrow{
    letter-spacing:.18em;
  }

}


/* =========================================================
   43. JOURNEY DESIGN INQUIRY — SMALL MOBILE
========================================================= */

@media (max-width:575.98px){

  .nsj-inquiry-hero{
    min-height:auto;
  }


  .nsj-inquiry-hero-wrap{
    padding:25px 21px;
  }


  .nsj-inquiry-hero .nsc-kicker{
    line-height:1.6;
  }


  .nsj-inquiry-eyebrow{
    line-height:1.6;
  }

}

/* =========================================================
   44. JOURNEY DESIGN INQUIRY — INTRODUCTION
========================================================= */

.nsj-inquiry-introduction{
  position:relative;

  background:var(--nsj-white);
}


.nsj-inquiry-introduction::before{
  content:"";

  position:absolute;

  top:0;
  left:50%;

  width:72px;
  height:2px;

  transform:translateX(-50%);

  background:var(--nsj-red);
}


.nsj-inquiry-introduction .nt-section-subtitle{
  max-width:860px;
}


.nsj-inquiry-principles{
  display:grid;

  grid-template-columns:repeat(3, 1fr);

  gap:24px;
}


.nsj-inquiry-principle{
  position:relative;

  height:100%;

  padding:30px 28px;

  border:1px solid var(--nsj-border);
  border-radius:var(--nsj-radius);

  background:var(--nsj-soft);

  box-shadow:var(--nsj-shadow);
}


.nsj-inquiry-principle > span{
  display:block;

  margin-bottom:18px;

  color:var(--nsj-red);

  font-size:.74rem;
  font-weight:700;

  letter-spacing:.16em;
}


.nsj-inquiry-principle h3{
  margin-bottom:10px;

  color:var(--nsj-heading);

  font-family:"Playfair Display", serif;

  font-size:1.45rem;

  line-height:1.22;
}


.nsj-inquiry-principle p{
  margin-bottom:0;

  color:var(--nsj-muted);

  font-size:.96rem;

  line-height:1.68;
}


/* =========================================================
   45. JOURNEY DESIGN INQUIRY — FORM SECTION
========================================================= */

.nsj-inquiry-form-section{
  position:relative;

  background:var(--nsj-soft);

  border-top:1px solid var(--nsj-border);
}


.nsj-inquiry-form-header{
  max-width:820px;

  margin:0 auto 52px;
}


.nsj-inquiry-form{
  position:relative;
}


/* =========================================================
   46. JOURNEY DESIGN INQUIRY — FORM BLOCKS
========================================================= */

.nsj-form-block{
  margin:0 0 28px;

  padding:34px;

  border:1px solid var(--nsj-border);
  border-radius:var(--nsj-radius);

  background:var(--nsj-white);

  box-shadow:var(--nsj-shadow);
}


.nsj-form-block:last-of-type{
  margin-bottom:30px;
}


.nsj-form-block-heading{
  display:grid;

  grid-template-columns:54px 1fr;

  gap:20px;

  margin-bottom:28px;

  padding-bottom:22px;

  border-bottom:1px solid var(--nsj-border);
}


.nsj-form-number{
  display:flex;

  align-items:center;
  justify-content:center;

  width:42px;
  height:42px;

  border:1px solid rgba(194,29,29,.18);
  border-radius:50%;

  background:rgba(194,29,29,.05);

  color:var(--nsj-red);

  font-size:.72rem;
  font-weight:700;

  letter-spacing:.10em;
}


.nsj-form-block legend{
  float:none;

  width:auto;

  margin:0 0 7px;

  padding:0;

  color:var(--nsj-heading);

  font-family:"Playfair Display", serif;

  font-size:1.65rem;
  font-weight:700;

  line-height:1.2;
}


.nsj-form-block-heading p{
  margin-bottom:0;

  color:var(--nsj-muted);

  font-size:.95rem;

  line-height:1.65;
}


/* =========================================================
   47. JOURNEY DESIGN INQUIRY — FIELDS
========================================================= */

.nsj-form-field label{
  display:block;

  margin-bottom:9px;

  color:var(--nsj-heading);

  font-size:.87rem;
  font-weight:650;

  letter-spacing:.015em;
}


.nsj-form-field label > span[aria-hidden="true"]{
  color:var(--nsj-red);
}


.nsj-field-optional{
  margin-left:6px;

  color:var(--nsj-muted-soft);

  font-size:.76rem;
  font-weight:500;
}


.nsj-inquiry-form .form-control,
.nsj-inquiry-form .form-select{
  min-height:52px;

  padding:12px 15px;

  border:1px solid rgba(17,24,39,.14);
  border-radius:12px;

  background-color:var(--nsj-white);

  color:var(--nsj-heading);

  font-size:.96rem;

  box-shadow:none;

  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    background-color .2s ease;
}


.nsj-inquiry-form textarea.form-control{
  min-height:120px;

  resize:vertical;
}


.nsj-inquiry-form .form-control:focus,
.nsj-inquiry-form .form-select:focus{
  border-color:rgba(194,29,29,.52);

  background-color:var(--nsj-white);

  box-shadow:
    0 0 0 .22rem rgba(194,29,29,.08);
}


.nsj-inquiry-form .form-control::placeholder{
  color:rgba(17,24,39,.42);
}


.nsj-field-note{
  display:block;

  margin-top:8px;

  color:var(--nsj-muted-soft);

  font-size:.82rem;

  line-height:1.55;
}


/* =========================================================
   48. JOURNEY DESIGN INQUIRY — RADIO / CHECK OPTIONS
========================================================= */

.nsj-radio-group{
  display:flex;

  flex-wrap:wrap;

  gap:12px;
}


.nsj-radio-option{
  display:inline-flex;

  align-items:center;

  gap:10px;

  min-height:46px;

  padding:10px 15px;

  border:1px solid var(--nsj-border);
  border-radius:999px;

  background:var(--nsj-soft);

  color:var(--nsj-heading);

  font-size:.9rem;

  cursor:pointer;

  transition:
    border-color .2s ease,
    background-color .2s ease;
}


.nsj-radio-option:hover{
  border-color:rgba(194,29,29,.20);

  background:rgba(194,29,29,.025);
}


.nsj-radio-option input{
  accent-color:var(--nsj-red);
}


.nsj-check-option{
  display:flex;

  align-items:flex-start;

  gap:12px;

  color:var(--nsj-muted);

  font-size:.91rem;

  line-height:1.65;
}


.nsj-check-option input{
  margin-top:5px;

  accent-color:var(--nsj-red);
}


/* =========================================================
   49. JOURNEY DESIGN INQUIRY — ACKNOWLEDGMENT
========================================================= */

.nsj-inquiry-acknowledgment{
  margin-top:8px;

  padding:24px 26px;

  border:1px solid var(--nsj-border);
  border-radius:16px;

  background:rgba(255,255,255,.72);
}

/* =========================================================
   50. JOURNEY DESIGN INQUIRY — SUBMIT
   Updated: September 16, 2026
========================================================= */

.nsj-inquiry-submit{
  margin-top:30px;
  text-align:center;
}


.nsj-inquiry-submit-btn,
.nsj-inquiry-submit-btn:link,
.nsj-inquiry-submit-btn:visited{
  min-width:230px;

  padding:13px 26px;

  border-color:var(--nsj-red) !important;
  border-radius:999px;

  background:var(--nsj-red) !important;

  color:var(--nsj-white) !important;

  font-size:.9rem;
  font-weight:650;

  letter-spacing:.035em;

  box-shadow:
    0 12px 28px rgba(194,29,29,.20) !important;

  transition:
    transform .2s ease,
    background-color .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}


/* Hover */

.nsj-inquiry-submit-btn:hover{
  border-color:var(--nsj-red-dark) !important;

  background:var(--nsj-red-dark) !important;

  color:var(--nsj-white) !important;

  transform:translateY(-1px);
}


/* Focus / Active
   Prevent Bootstrap .btn-primary blue state */

.nsj-inquiry-submit-btn:focus,
.nsj-inquiry-submit-btn:focus-visible,
.nsj-inquiry-submit-btn:active,
.nsj-inquiry-submit-btn.active,
.nsj-inquiry-submit-btn:first-child:active{
  border-color:var(--nsj-red-dark) !important;

  background:var(--nsj-red-dark) !important;

  color:var(--nsj-white) !important;

  box-shadow:
    0 0 0 .2rem rgba(194,29,29,.16) !important;
}


.nsj-inquiry-submit-btn:focus-visible{
  outline:2px solid rgba(194,29,29,.30);
  outline-offset:4px;
}


/* Bootstrap CSS variables used by .btn-primary */

.nsj-inquiry-submit-btn{
  --bs-btn-color:#fff;
  --bs-btn-bg:var(--nsj-red);
  --bs-btn-border-color:var(--nsj-red);

  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:var(--nsj-red-dark);
  --bs-btn-hover-border-color:var(--nsj-red-dark);

  --bs-btn-focus-shadow-rgb:194,29,29;

  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:var(--nsj-red-dark);
  --bs-btn-active-border-color:var(--nsj-red-dark);
}


/* Supporting note */

.nsj-submit-note{
  max-width:520px;

  margin:14px auto 0;

  color:var(--nsj-muted-soft) !important;

  font-size:.84rem !important;

  line-height:1.6 !important;
}

/* =========================================================
   51. JOURNEY DESIGN INQUIRY — HONEYPOT
========================================================= */

.nsj-honeypot{
  position:absolute !important;

  width:1px !important;
  height:1px !important;

  padding:0 !important;
  margin:-1px !important;

  overflow:hidden !important;

  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;

  border:0 !important;
}


/* =========================================================
   52. JOURNEY DESIGN INQUIRY — TABLET
========================================================= */

@media (max-width:991.98px){

  .nsj-inquiry-principles{
    grid-template-columns:1fr;
  }


  .nsj-inquiry-form-header{
    margin-bottom:44px;
  }


  .nsj-form-block{
    padding:30px;
  }

}


/* =========================================================
   53. JOURNEY DESIGN INQUIRY — MOBILE
========================================================= */

@media (max-width:767.98px){

  .nsj-inquiry-principle{
    padding:25px 23px;
  }


  .nsj-form-block{
    margin-bottom:22px;

    padding:25px 22px;

    border-radius:17px;
  }


  .nsj-form-block-heading{
    grid-template-columns:1fr;

    gap:14px;

    margin-bottom:24px;

    padding-bottom:20px;
  }


  .nsj-form-number{
    width:38px;
    height:38px;
  }


  .nsj-form-block legend{
    font-size:1.48rem;
  }


  .nsj-radio-group{
    flex-direction:column;
  }


  .nsj-radio-option{
    width:100%;

    border-radius:12px;
  }


  .nsj-inquiry-acknowledgment{
    padding:21px;
  }


  .nsj-inquiry-submit-btn{
    width:100%;

    min-width:0;
  }

}


/* =========================================================
   54. JOURNEY DESIGN INQUIRY — ACCESSIBILITY
========================================================= */

.nsj-inquiry-submit-btn:focus-visible,
.nsj-radio-option:focus-within,
.nsj-check-option:focus-within{
  outline:3px solid rgba(194,29,29,.22);

  outline-offset:4px;
}


/* =========================================================
   55. JOURNEY DESIGN INQUIRY — REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce){

  .nsj-inquiry-submit-btn,
  .nsj-radio-option,
  .nsj-inquiry-form .form-control,
  .nsj-inquiry-form .form-select{
    transition:none;
  }


  .nsj-inquiry-submit-btn:hover{
    transform:none;
  }

}

/* =========================================================
   56. JOURNEY DESIGN INQUIRY — reCAPTCHA
========================================================= */

.nsj-inquiry-recaptcha{
  display:flex;

  justify-content:center;

  margin-top:28px;
}


@media (max-width:575.98px){

  .nsj-inquiry-recaptcha{
    justify-content:flex-start;

    overflow-x:auto;
  }

}

/* =========================================================
   57. JOURNEY DESIGN INQUIRY — CONFIRMATION
   Updated: September 16, 2026
========================================================= */

.nt-journey-confirmation {
  background: #f7f6f3;
}

.nsj-confirmation {
  position: relative;

  min-height: 80vh;

  padding: 12rem 0 6.5rem;

  overflow: hidden;
}

.nsj-confirmation-wrap {
  width: min(100%, 920px);

  margin: 0 auto;

  text-align: center;
}


/* ---------------------------------------------------------
   INTRO
--------------------------------------------------------- */

.nsj-confirmation-kicker {
  display: block;

  margin-bottom: 1.25rem;

  color: var(--nsj-red, #c21d1d);

  font-size: 0.76rem;
  font-weight: 600;
  line-height: 1.4;

  letter-spacing: 0.24em;
  text-transform: uppercase;
}

.nsj-confirmation-title {
  max-width: 780px;

  margin: 0 auto 1.5rem;

  color: var(--nsj-heading, #16191d);

  font-family: "Playfair Display", Georgia, serif;

  font-size: clamp(3rem, 6vw, 5.8rem);
  font-weight: 400;
  line-height: 0.98;

  letter-spacing: -0.035em;
}

.nsj-confirmation .nsj-red-line {
  width: 52px;
  height: 2px;

  margin-top: 1.75rem;
  margin-bottom: 1.75rem;

  background: var(--nsj-red, #c21d1d);
}

.nsj-confirmation-lead {
  max-width: 650px;

  margin: 0 auto;

  color: var(--nsj-muted, #5d6269);

  font-size: 1.12rem;
  line-height: 1.75;
}


/* ---------------------------------------------------------
   REFERENCE
--------------------------------------------------------- */

.nsj-confirmation-reference {
  display: inline-flex;

  flex-direction: column;
  align-items: center;

  gap: 0.45rem;

  min-width: 290px;

  margin: 2.75rem auto 0;
  padding: 1.35rem 2.25rem;

  background: #111418;

  border-top: 2px solid var(--nsj-red, #c21d1d);
}

.nsj-confirmation-reference span {
  color: rgba(255, 255, 255, 0.58);

  font-size: 0.68rem;
  font-weight: 600;

  letter-spacing: 0.19em;
  text-transform: uppercase;
}

.nsj-confirmation-reference strong {
  color: #ffffff;

  font-size: 1rem;
  font-weight: 500;

  letter-spacing: 0.08em;
}


/* ---------------------------------------------------------
   MESSAGE
--------------------------------------------------------- */

.nsj-confirmation-message {
  max-width: 720px;

  margin: 4rem auto 0;

  color: var(--nsj-muted, #5d6269);

  font-size: 1rem;
  line-height: 1.9;
}

.nsj-confirmation-message p {
  margin: 0;
}

.nsj-confirmation-message p + p {
  margin-top: 1.25rem;
}


/* ---------------------------------------------------------
   PROCESS
--------------------------------------------------------- */

.nsj-confirmation-process {
  position: relative;

  max-width: 820px;

  margin: 4.5rem auto 0;

  border-top: 1px solid rgba(20, 24, 29, 0.13);

  text-align: left;
}

.nsj-confirmation-step {
  display: grid;

  grid-template-columns: 72px minmax(0, 1fr);

  gap: 1.5rem;

  padding: 2rem 0;

  border-bottom: 1px solid rgba(20, 24, 29, 0.13);
}

.nsj-confirmation-number {
  color: var(--nsj-red, #c21d1d);

  font-family: "Playfair Display", Georgia, serif;

  font-size: 1.2rem;
  line-height: 1.3;
}

.nsj-confirmation-step strong {
  display: block;

  margin-bottom: 0.5rem;

  color: var(--nsj-heading, #16191d);

  font-family: "Playfair Display", Georgia, serif;

  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.3;
}

.nsj-confirmation-step p {
  max-width: 620px;

  margin: 0;

  color: var(--nsj-muted, #5d6269);

  font-size: 0.94rem;
  line-height: 1.7;
}


/* ---------------------------------------------------------
   NOTICE
--------------------------------------------------------- */

.nsj-confirmation-notice {
  max-width: 650px;

  margin: 3rem auto 0;

  padding-top: 1.75rem;

  color: var(--nsj-muted-soft, #777c82);

  font-size: 0.8rem;
  line-height: 1.7;
}

.nsj-confirmation-notice p {
  margin: 0;
}


/* ---------------------------------------------------------
   ACTIONS
--------------------------------------------------------- */

.nsj-confirmation-actions {
  display: flex;

  flex-direction: column;
  align-items: center;

  gap: 1.5rem;

  margin-top: 2.5rem;
}


/* ---------------------------------------------------------
   PRIMARY ACTION
   Prevent Bootstrap blue states
--------------------------------------------------------- */

.nsj-confirmation-actions .btn,
.nsj-confirmation-actions .btn:link,
.nsj-confirmation-actions .btn:visited {
  min-width: 255px;

  padding: 13px 26px;

  border: 1px solid var(--nsj-red, #c21d1d) !important;
  border-radius: 999px;

  background: var(--nsj-red, #c21d1d) !important;

  color: #ffffff !important;

  font-size: 0.9rem;
  font-weight: 650;

  letter-spacing: 0.025em;

  text-decoration: none;

  box-shadow:
    0 12px 28px rgba(194, 29, 29, 0.18) !important;

  transition:
    transform 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;

  --bs-btn-color: #fff;
  --bs-btn-bg: var(--nsj-red, #c21d1d);
  --bs-btn-border-color: var(--nsj-red, #c21d1d);

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--nsj-red-dark, #a91818);
  --bs-btn-hover-border-color: var(--nsj-red-dark, #a91818);

  --bs-btn-focus-shadow-rgb: 194, 29, 29;

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--nsj-red-dark, #a91818);
  --bs-btn-active-border-color: var(--nsj-red-dark, #a91818);
}

.nsj-confirmation-actions .btn:hover {
  border-color: var(--nsj-red-dark, #a91818) !important;

  background: var(--nsj-red-dark, #a91818) !important;

  color: #ffffff !important;

  transform: translateY(-1px);
}

.nsj-confirmation-actions .btn:focus,
.nsj-confirmation-actions .btn:focus-visible,
.nsj-confirmation-actions .btn:active,
.nsj-confirmation-actions .btn.active,
.nsj-confirmation-actions .btn:first-child:active {
  border-color: var(--nsj-red-dark, #a91818) !important;

  background: var(--nsj-red-dark, #a91818) !important;

  color: #ffffff !important;

  box-shadow:
    0 0 0 0.2rem rgba(194, 29, 29, 0.16) !important;
}


/* ---------------------------------------------------------
   SECONDARY EDITORIAL ACTION
--------------------------------------------------------- */

.nsj-confirmation-link {
  position: relative;

  display: inline-block;

  padding-bottom: 0.35rem;

  color: var(--nsj-heading, #16191d);

  font-size: 0.75rem;
  font-weight: 650;

  letter-spacing: 0.12em;
  text-transform: uppercase;

  text-decoration: none;

  transition:
    color 0.25s ease,
    opacity 0.25s ease;
}

.nsj-confirmation-link::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: -3px;

  width: 100%;
  height: 1px;

  background: var(--nsj-red, #c21d1d);

  transform: scaleX(0.32);
  transform-origin: left center;

  transition: transform 0.25s ease;
}

.nsj-confirmation-link:hover,
.nsj-confirmation-link:focus-visible {
  color: var(--nsj-red, #c21d1d);
}

.nsj-confirmation-link:hover::after,
.nsj-confirmation-link:focus-visible::after {
  transform: scaleX(1);
}


/* =========================================================
   58. JOURNEY CONFIRMATION — TABLET
========================================================= */

@media (max-width: 991.98px) {

  .nsj-confirmation {
    padding: 10rem 0 5.75rem;
  }

  .nsj-confirmation-wrap {
    max-width: 760px;
  }

  .nsj-confirmation-message {
    margin-top: 3.5rem;
  }

  .nsj-confirmation-process {
    margin-top: 4rem;
  }

}


/* =========================================================
   59. JOURNEY CONFIRMATION — MOBILE
========================================================= */

@media (max-width: 767.98px) {

  .nsj-confirmation {
    padding: 8.5rem 0 4.5rem;
  }

  .nsj-confirmation-title {
    font-size: clamp(2.7rem, 13vw, 4rem);

    line-height: 1.02;
  }

  .nsj-confirmation-lead {
    font-size: 1rem;
  }

  .nsj-confirmation-reference {
    width: 100%;

    min-width: 0;

    padding: 1.25rem 1rem;
  }

  .nsj-confirmation-message {
    margin-top: 3rem;

    font-size: 0.95rem;
    line-height: 1.8;
  }

  .nsj-confirmation-process {
    margin-top: 3.25rem;
  }

  .nsj-confirmation-step {
    grid-template-columns: 46px minmax(0, 1fr);

    gap: 1rem;

    padding: 1.65rem 0;
  }

  .nsj-confirmation-step strong {
    font-size: 1.25rem;
  }

  .nsj-confirmation-notice {
    margin-top: 2.5rem;
  }

  .nsj-confirmation-actions {
    margin-top: 2.25rem;
  }

  .nsj-confirmation-actions .btn {
    width: 100%;

    min-width: 0;
  }

}


/* =========================================================
   60. JOURNEY CONFIRMATION — SMALL MOBILE
========================================================= */

@media (max-width: 575.98px) {

  .nsj-confirmation {
    padding-top: 7.5rem;
    padding-bottom: 4rem;
  }

  .nsj-confirmation-kicker {
    font-size: 0.68rem;

    letter-spacing: 0.18em;
  }

  .nsj-confirmation-reference strong {
    font-size: 0.88rem;

    letter-spacing: 0.045em;
  }

  .nsj-confirmation-step {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .nsj-confirmation-number {
    font-size: 1rem;
  }

}


/* =========================================================
   61. JOURNEY CONFIRMATION — ACCESSIBILITY
========================================================= */

.nsj-confirmation-link:focus-visible,
.nsj-confirmation-actions .btn:focus-visible {
  outline: 2px solid var(--nsj-red, #c21d1d);

  outline-offset: 5px;
}


/* =========================================================
   62. JOURNEY CONFIRMATION — REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .nsj-confirmation-link,
  .nsj-confirmation-link::after,
  .nsj-confirmation-actions .btn {
    transition: none;
  }

}