:root{
  --npp-black:#050505;
  --npp-panel:#0b0b0d;
  --npp-panel2:#111113;
  --npp-paper:#eee8df;
  --npp-muted:#858086;
  --npp-line:rgba(255,255,255,.10);

  --npp-burgundy:#681426;
  --npp-wine:#8a2138;
  --npp-metal:#aaa5a3;

  --npp-max:1500px;
}

*{
  box-sizing:border-box;
}

html{
  background:var(--npp-black);
}

body.partner-page{
  margin:0;
  background:
    radial-gradient(
      circle at 85% 5%,
      rgba(104,20,38,.12),
      transparent 28%
    ),
    var(--npp-black);
  color:var(--npp-paper);
  font-family:Arial,Helvetica,sans-serif;
}

a{
  color:inherit;
}

.partner-shell{
  width:min(var(--npp-max),calc(100% - 38px));
  margin:auto;
}

.partner-nav{
  min-height:70px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  border-bottom:1px solid var(--npp-line);
}

.partner-brand{
  text-decoration:none;
  font-size:19px;
  font-weight:950;
  letter-spacing:.15em;
}

.partner-brand small{
  display:block;
  margin-top:4px;
  color:#716d71;
  font-size:7px;
  letter-spacing:.17em;
}

.partner-nav-links{
  display:flex;
  gap:18px;
  align-items:center;
}

.partner-nav-links a{
  color:#969196;
  text-decoration:none;
  font-size:7px;
  font-weight:950;
  letter-spacing:.13em;
}

.partner-hero{
  min-height:80vh;
  padding:100px 0 70px;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:70px;
  align-items:end;
  border-bottom:1px solid var(--npp-line);
}

.eyebrow{
  color:var(--npp-wine);
  font-size:8px;
  font-weight:950;
  letter-spacing:.23em;
}

.partner-hero h1{
  margin:14px 0 0;
  max-width:1000px;
  font-family:Impact,"Arial Black",sans-serif;
  font-size:clamp(66px,11vw,165px);
  line-height:.78;
  letter-spacing:-.045em;
}

.partner-hero-copy{
  padding-bottom:8px;
}

.partner-hero-copy p{
  margin:0;
  color:#a09a9d;
  font-size:clamp(18px,2vw,27px);
  line-height:1.45;
}

.action-row{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:27px;
}

.npp-action{
  min-height:50px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #39353a;
  text-decoration:none;
  font-size:8px;
  font-weight:950;
  letter-spacing:.12em;
}

.npp-action.primary{
  border-color:var(--npp-burgundy);
  background:var(--npp-burgundy);
  color:white;
}

.partner-section{
  padding:90px 0;
  border-bottom:1px solid var(--npp-line);
}

.section-head{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  margin-bottom:38px;
}

.section-head h2{
  margin:0;
  font-family:Impact,"Arial Black",sans-serif;
  font-size:clamp(46px,7vw,95px);
  line-height:.82;
}

.section-head p{
  max-width:650px;
  margin:0;
  color:#8c878b;
  font-size:16px;
  line-height:1.65;
}

.offer-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:11px;
}

.offer-card{
  min-height:410px;
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border:1px solid var(--npp-line);
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.025),
      transparent 55%
    ),
    var(--npp-panel);
}

.offer-number{
  color:#4d484c;
  font-family:Impact,"Arial Black",sans-serif;
  font-size:48px;
}

.offer-card h3{
  margin:40px 0 0;
  font-family:Impact,"Arial Black",sans-serif;
  font-size:clamp(34px,5vw,63px);
  line-height:.84;
}

.offer-card p{
  max-width:540px;
  color:#858085;
  font-size:14px;
  line-height:1.65;
}

.offer-meta{
  margin-top:20px;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.offer-meta span{
  padding:8px 10px;
  border:1px solid #302d31;
  color:#8a8589;
  font-size:6px;
  font-weight:950;
  letter-spacing:.12em;
}

.inventory{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
}

.inventory-card{
  min-height:230px;
  padding:22px;
  border:1px solid var(--npp-line);
  background:#09090a;
}

.inventory-card small{
  color:var(--npp-wine);
  font-size:7px;
  font-weight:950;
  letter-spacing:.17em;
}

.inventory-card h3{
  margin:15px 0 0;
  font-family:Impact,"Arial Black",sans-serif;
  font-size:36px;
  line-height:.9;
}

.inventory-card p{
  color:#817c80;
  font-size:12px;
  line-height:1.6;
}

.firewall{
  padding:45px;
  border:1px solid var(--npp-burgundy);
  background:
    radial-gradient(
      circle at 100% 0,
      rgba(104,20,38,.15),
      transparent 40%
    ),
    #080809;
}

.firewall h2{
  margin:0;
  max-width:1000px;
  font-family:Impact,"Arial Black",sans-serif;
  font-size:clamp(45px,7vw,95px);
  line-height:.83;
}

.firewall p{
  max-width:740px;
  color:#aaa3a5;
  font-size:17px;
  line-height:1.6;
}

.partner-form{
  padding:30px;
  border:1px solid var(--npp-line);
  background:var(--npp-panel);
}

.form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.field{
  margin-top:14px;
}

.field:first-child{
  margin-top:0;
}

.field label{
  display:block;
  margin-bottom:7px;
  color:#777177;
  font-size:7px;
  font-weight:950;
  letter-spacing:.13em;
}

.field input,
.field select,
.field textarea{
  width:100%;
  border:1px solid #353136;
  outline:none;
  background:#070708;
  color:#fff;
  font:inherit;
}

.field input,
.field select{
  min-height:50px;
  padding:0 13px;
}

.field textarea{
  min-height:130px;
  padding:13px;
  resize:vertical;
}

.field input:focus,
.field select:focus,
.field textarea:focus{
  border-color:var(--npp-burgundy);
}

.submit-partner{
  width:100%;
  min-height:55px;
  margin-top:20px;
  border:0;
  background:var(--npp-burgundy);
  color:white;
  font-size:9px;
  font-weight:950;
  letter-spacing:.13em;
}

.form-confirm{
  display:none;
  padding:35px;
  border:1px solid var(--npp-burgundy);
  background:#09090a;
}

.form-confirm.show{
  display:block;
}

.curated-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}

.curated-card{
  border:1px solid var(--npp-line);
  background:#09090a;
  overflow:hidden;
}

.curated-image{
  aspect-ratio:4/3;
  display:grid;
  place-items:center;
  background:
    radial-gradient(
      circle at 50% 40%,
      #282226,
      #09090a 62%
    );
  color:#4d474c;
  font-family:Impact,"Arial Black",sans-serif;
  font-size:42px;
}

.curated-body{
  padding:22px;
}

.curated-body small{
  color:var(--npp-wine);
  font-size:7px;
  font-weight:950;
  letter-spacing:.15em;
}

.curated-body h3{
  margin:8px 0;
  font-family:Impact,"Arial Black",sans-serif;
  font-size:37px;
}

.curated-body p{
  color:#817c80;
  line-height:1.6;
}

.partner-footer{
  min-height:150px;
  padding:55px 0;
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:25px;
}

.partner-footer strong{
  font-family:Impact,"Arial Black",sans-serif;
  font-size:33px;
}

.partner-footer span{
  display:block;
  margin-top:5px;
  color:#666;
  font-size:8px;
  letter-spacing:.12em;
}

@media(max-width:850px){

  .partner-hero,
  .section-head{
    grid-template-columns:1fr;
  }

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

  .offer-grid,
  .inventory,
  .curated-grid{
    grid-template-columns:1fr;
  }

}

@media(max-width:600px){

  .partner-shell{
    width:calc(100% - 24px);
  }

  .partner-section{
    padding:62px 0;
  }

  .partner-hero h1{
    font-size:68px;
  }

  .form-grid{
    grid-template-columns:1fr;
  }

  .partner-nav-links{
    display:none;
  }

}
