.nd-front {
  color-scheme: dark;
  --bg: #0a0d0e;
  --panel: #161e22;
  --line: #364248;
  --text: #f7f4ee;
  --muted: #bfc9cd;
  --gold: #d4b577;
  font: 16px/1.5 system-ui, sans-serif;
  color: var(--text);
  background: var(--bg);
  text-align: left;
  letter-spacing: normal;
}
.nd-front * { box-sizing: border-box; }
.nd-front a { color: inherit; text-decoration: none; }
.nd-front img { display: block; max-width: 100%; }
.nd-front :focus-visible { outline: 3px solid #fbe1a9; outline-offset: 4px; }
.nd-front [id] { scroll-margin-top: 18px; }
.nd-front .wrap { width: min(1280px, calc(100% - 88px)); margin-inline: auto; }
.nd-front .look-section .nomadas-outfits { margin: 0; }
.nd-front .hero { min-height: clamp(490px, 43vw, 660px); position: relative; isolation: isolate; display: grid; align-items: center; overflow: hidden; background: #191713; }
.nd-front .hero-photo, .nd-front .hero::after { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; }
.nd-front .hero-photo { object-fit: cover; object-position: 75% center; }
.nd-front .hero::after { content: ''; background: linear-gradient(90deg,#080b0cf5 0%,#080b0ce3 24%,#080b0c75 55%,#080b0c12 83%),linear-gradient(0deg,#080b0c6b,transparent 45%); }
.nd-front .hero-body { padding-block: 60px; }
.nd-front h1, .nd-front h2, .nd-front h3, .nd-front p { margin: 0; }
.nd-front h1, .nd-front h2, .nd-front h3 { line-height: 1; letter-spacing: -.055em; }
.nd-front h1 { font-size: clamp(3.05rem, 6.4vw, 6.45rem); max-width: 820px; }
.nd-front h2 { font-size: clamp(2.15rem, 4.1vw, 4rem); }
.nd-front h3 { font-size: clamp(1.65rem, 2.8vw, 2.65rem); }
.nd-front .eyebrow { color: var(--gold); letter-spacing: .15em; font-size: .72rem; font-weight: 750; margin-bottom: 14px; }
.nd-front .eyebrow span { display: inline-block; vertical-align: middle; background: var(--gold); width: 21px; height: 2px; margin-right: 7px; }
.nd-front .lead { color: #efede6; font-size: clamp(1rem, 1.4vw, 1.2rem); max-width: 385px; margin-top: 24px; }
.nd-front .actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.nd-front .button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 14px; padding: 10px 17px; border: 1px solid transparent; border-radius: 5px; font-size: .93rem; font-weight: 750; }
.nd-front .primary { background: var(--gold); color: #14100a; }
.nd-front .primary:hover { background: #ebce94; }
.nd-front .ghost { background: #0a0d0ebb; border-color: #bdad89; }
.nd-front .ghost:hover { background: #242829; }
.nd-front .quick { border-block: 1px solid var(--line); background: #11181b; }
.nd-front .quick-inner { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; }
.nd-front .quick-inner > * { padding: 18px 19px; }
.nd-front .quick-inner > * + * { border-left: 1px solid var(--line); }
.nd-front .quick-inner > a { display: grid; grid-template-columns: 25px 1fr auto; column-gap: 10px; align-items: center; }
.nd-front .quick-inner > a:hover { background: #1a2429; }
.nd-front .quick-inner > a > span { grid-row: 1 / span 2; font-size: .74rem; color: var(--gold); }
.nd-front .quick-inner b { color: var(--gold); grid-column: 3; grid-row: 1 / span 2; font-weight: 500; }
.nd-front .quick-inner small { grid-column: 2; color: var(--muted); }
.nd-front .quick label { display: block; font-size: .76rem; color: var(--muted); margin-bottom: 5px; }
.nd-front .quick form div { display: flex; }
.nd-front .quick input, .nd-front .quick button { min-height: 37px; font: inherit; border: 1px solid #46575f; }
.nd-front .quick input { width: 100%; min-width: 0; background: #212d32; padding-inline: 10px; color: var(--text); border-radius: 4px 0 0 4px; }
.nd-front .quick input::placeholder { color: #b4c1c6; }
.nd-front .quick button { background: var(--gold); color: #15100a; border-radius: 0 4px 4px 0; cursor: pointer; width: 46px; }
.nd-front .section { padding-block: clamp(42px, 6vw, 90px); }
.nd-front .section-head { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin-bottom: 23px; }
.nd-front .section-head p:not(.eyebrow), .nd-front .feature p:not(.eyebrow) { margin-top: 12px; max-width: 55ch; color: var(--muted); }
.nd-front .text-link, .nd-front .sub-links a, .nd-front .custom-link { color: var(--gold); text-decoration: underline; text-underline-offset: 5px; font-size: .88rem; }
.nd-front .text-link { flex-shrink: 0; }
.nd-front .audiences { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px; }
.nd-front .audience { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 7px; background: var(--panel); }
.nd-front .audience:hover { border-color: var(--gold); }
.nd-front .audience img { width: 100%; height: auto; background: radial-gradient(ellipse at 50% 45%,#374650,#182124 72%); }
.nd-front .audience div { display: grid; grid-template-columns: 1fr auto; align-items: end; padding: 14px 16px 17px; }
.nd-front .audience small { grid-column: 1/-1; font-size: .66rem; letter-spacing: .1em; color: var(--muted); }
.nd-front .audience strong { font-size: clamp(1.14rem,2.6vw,2rem); line-height: 1.12; margin-top: 3px; letter-spacing: -.035em; }
.nd-front .audience span { color: var(--gold); }
.nd-front .materials { background: #11181b; border-block: 1px solid var(--line); }
.nd-front .tiers { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.nd-front .tiers article { min-width: 0; border: 1px solid var(--line); border-top-color: var(--gold); border-radius: 6px; background: #161f24; padding: 23px; }
.nd-front .tiers article p:last-child { color: var(--muted); margin-top: 13px; font-size: .93rem; }
.nd-front .fine { color: var(--muted); font-size: .87rem; margin-top: 16px; }
.nd-front .more { display: grid; grid-template-columns: .9fr 1.1fr; gap: 15px; padding-top: 0; }
.nd-front .feature { position: relative; isolation: isolate; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; min-height: 335px; display: flex; align-items: end; background: #162128; }
.nd-front .feature img { position: absolute; z-index: -2; }
.nd-front .feature > div { padding: 25px; width: 100%; }
.nd-front .feature h2 { font-size: clamp(2rem,3.6vw,3.5rem); }
.nd-front .tops img { right: 0; bottom: 0; width: 65%; height: 100%; object-fit: contain; object-position: right bottom; }
.nd-front .feature::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#10171be8 6%,#11191bab 45%,transparent 95%); }
.nd-front .club img { width: 100%; height: 100%; object-fit: cover; object-position: 65%; }
.nd-front .club::after { background: linear-gradient(0deg,#080b0c 0%,#080b0cdd 42%,#080b0c0d 100%); }
.nd-front .club .button { margin-top: 18px; }
.nd-front .custom-link { display: block; width: fit-content; margin-top: 13px; }
.nd-front .sub-links { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 13px; }
@media (max-width: 960px) {
  .nd-front .wrap { width: calc(100% - 48px); }
  .nd-front .quick-inner > * { padding-inline: 12px; }
}
@media (max-width: 700px) {
  .nd-front .wrap { width: calc(100% - 32px); }
  .nd-front .hero { min-height: 545px; display: grid; align-items: end; }
  .nd-front .hero-photo { height: 72%; object-position: 75% 40%; }
  .nd-front .hero::after { background: linear-gradient(0deg,#0a0d0e 0%,#0a0d0e 27%,#0a0d0ed4 44%,#0a0d0e4a 67%,transparent 100%); }
  .nd-front .hero-body { padding-block: 28px; }
  .nd-front .hero h1 { font-size: clamp(2.5rem,10vw,4.15rem); }
  .nd-front .hero .lead { margin-top: 14px; }
  .nd-front .hero .actions { margin-top: 16px; }
  .nd-front .quick-inner { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .nd-front .quick-inner > a { grid-template-columns: 1fr auto; padding: 12px 5px 12px 9px; gap: 2px 5px; }
  .nd-front .quick-inner > a > span { display: none; }
  .nd-front .quick-inner small { grid-column: 1/-1; }
  .nd-front .quick-inner b { grid-row: 1; grid-column: 2; }
  .nd-front .quick-inner form { grid-column: 1/-1; border-left: 0; border-top: 1px solid var(--line); padding: 10px 0 14px; }
  .nd-front .section-head { align-items: start; flex-direction: column; gap: 10px; }
  .nd-front .audiences { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .nd-front .audience div { padding: 9px 11px 13px; }
  .nd-front .tiers { grid-template-columns: 1fr; }
  .nd-front .tiers article { padding: 16px; }
  .nd-front .more { grid-template-columns: 1fr; }
  .nd-front .feature > div { padding: 17px; }
  .nd-front .club { min-height: 420px; }
  .nd-front .club img { top: 0; right: 0; height: 230px; object-position: right top; }
  .nd-front .club::after { background: linear-gradient(0deg,#080b0c 42%,#080b0c99 57%,transparent 76%); }
}