/* =========================================================
   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: August 29, 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;
  }

}