html:has(body.newsletter-submit-page) { overflow-x: clip; }
body.newsletter-submit-page { background:#f6f0e7; }
body.newsletter-submit-page #libraryMain { display:none; }
body.newsletter-submit-page .foot { margin-top:0; background:#1a1712; color:#d8d0c6; }

.ns-page {
  --ns-ink:#1a1712;
  --ns-muted:#756d63;
  --ns-line:#d9d0c4;
  --ns-paper:#fffdf9;
  --ns-green:#2f6f4e;
  --ns-green-soft:#e7f2e9;
  min-height:calc(100vh - 120px);
  display:grid;
  place-items:center;
  padding:clamp(112px,14vw,164px) 22px 76px;
  color:var(--ns-ink);
}

.ns-shell { width:min(100%,760px); }
.ns-back { display:inline-flex; align-items:center; gap:8px; margin:0 0 18px 12px; color:#655d54; font-size:12px; font-weight:600; text-decoration:none; }
.ns-back:hover { color:var(--ns-ink); }
.ns-back svg { width:15px; height:15px; }

.ns-card {
  position:relative;
  overflow:hidden;
  border:1px solid var(--ns-line);
  border-radius:38px;
  background:var(--ns-paper);
  box-shadow:0 24px 70px rgba(45,36,27,.11);
}
.ns-card::before { content:""; position:absolute; inset:0 0 auto; height:7px; background:#1a1712; }
.ns-card-inner { padding:clamp(34px,7vw,70px); }
.ns-brand { display:flex; justify-content:center; margin:0 0 32px; }
.ns-brand img { width:118px; height:auto; opacity:.56; }
.ns-kicker { margin:0 0 13px; color:#847b71; font-size:10px; font-weight:700; letter-spacing:.17em; text-align:center; text-transform:uppercase; }
.ns-title { max-width:12ch; margin:0 auto; font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(45px,8vw,70px); font-weight:500; letter-spacing:-.045em; line-height:.95; text-align:center; }
.ns-deck { max-width:47ch; margin:22px auto 0; color:var(--ns-muted); font-size:15px; line-height:1.75; text-align:center; }
.ns-rule { width:54px; height:1px; margin:31px auto; background:var(--ns-line); }

.ns-form { display:grid; gap:19px; }
.ns-label { display:flex; align-items:center; justify-content:space-between; gap:14px; color:#4f4942; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.ns-counter { color:#9a9289; font-size:10px; font-weight:600; letter-spacing:0; text-transform:none; }
.ns-textarea {
  width:100%; min-height:220px; box-sizing:border-box; resize:vertical;
  padding:22px 23px; border:1px solid var(--ns-line); border-radius:24px;
  outline:0; background:#fbf8f3; color:var(--ns-ink);
  font:18px/1.65 Georgia,"Times New Roman",serif;
  transition: border-color var(--dur-quick, 200ms) var(--ease-enter, cubic-bezier(0.364,0,0.164,1)), background var(--dur-quick, 200ms) var(--ease-enter, cubic-bezier(0.364,0,0.164,1)), box-shadow var(--dur-quick, 200ms) var(--ease-enter, cubic-bezier(0.364,0,0.164,1));
}
.ns-textarea:focus { border-color:#9e9489; background:#fff; box-shadow:0 0 0 4px rgba(117,109,99,.09); }
.ns-textarea::placeholder { color:#aaa198; }
.ns-attribution { display:flex; align-items:flex-start; gap:12px; padding:15px 16px; border:1px solid #e5ddd3; border-radius:18px; background:#faf6f0; cursor:pointer; }
.ns-attribution input { width:18px; height:18px; flex:0 0 auto; margin:2px 0 0; accent-color:#1a1712; }
.ns-attribution-copy { display:grid; gap:3px; color:#4e4841; font-size:12px; font-weight:650; line-height:1.45; }
.ns-attribution-copy small { color:#837a70; font-size:10px; font-weight:500; }
.ns-submit { min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:0 26px; border:1px solid #1a1712; border-radius:999px; background:#1a1712; color:#fff; font:700 12px/1 Poppins,Arial,sans-serif; cursor:pointer; transition: transform var(--dur-quick, 200ms) var(--ease-enter, cubic-bezier(0.364,0,0.164,1)), box-shadow var(--dur-quick, 200ms) var(--ease-enter, cubic-bezier(0.364,0,0.164,1)), opacity var(--dur-quick, 200ms) var(--ease-enter, cubic-bezier(0.364,0,0.164,1)); }
.ns-submit:hover { transform:translateY(-2px); box-shadow:0 10px 22px rgba(26,23,18,.18); }
.ns-submit:disabled { opacity:.58; cursor:wait; transform:none; box-shadow:none; }
.ns-status { min-height:20px; margin:0; color:#8b3434; font-size:12px; font-weight:600; line-height:1.55; text-align:center; }
.ns-identity { display:flex; align-items:center; justify-content:center; gap:9px; margin-top:22px; color:#8a8177; font-size:10px; }
.ns-tier-icon { width:18px; max-height:19px; object-fit:contain; }

.ns-gate { text-align:center; }
.ns-gate-icon { width:44px; height:44px; display:grid; place-items:center; margin:0 auto 18px; border:1px solid var(--ns-line); border-radius:50%; background:#faf6f0; }
.ns-gate-icon svg { width:21px; height:21px; }
.ns-gate h2 { margin:0; font-family:"Cormorant Garamond",Georgia,serif; font-size:42px; font-weight:500; letter-spacing:-.035em; }
.ns-gate p { max-width:46ch; margin:13px auto 24px; color:var(--ns-muted); font-size:13px; line-height:1.7; }
.ns-signin { display:grid; gap:12px; max-width:420px; margin:0 auto; }
.ns-email { min-height:50px; padding:0 18px; border:1px solid var(--ns-line); border-radius:999px; outline:0; background:#fff; color:var(--ns-ink); font:14px Poppins,Arial,sans-serif; }
.ns-email:focus { border-color:#9e9489; box-shadow:0 0 0 4px rgba(117,109,99,.09); }
.ns-secondary-link { display:inline-flex; min-height:48px; align-items:center; justify-content:center; padding:0 24px; border:1px solid var(--ns-line); border-radius:999px; color:var(--ns-ink); font-size:12px; font-weight:700; text-decoration:none; }

.ns-card.is-success::before { background:var(--ns-green); }
.ns-success { padding:clamp(54px,10vw,94px) clamp(32px,8vw,76px); text-align:center; }
.ns-success-mark { width:74px; height:74px; display:grid; place-items:center; margin:0 auto 25px; border-radius:50%; background:var(--ns-green-soft); color:var(--ns-green); animation: ns-pop var(--dur-emphasis, 460ms) var(--ease-spring-strong, cubic-bezier(0.34,1.5,0.64,1)) both; }
.ns-success-mark svg { width:38px; height:38px; }
.ns-success h1 { margin:0; color:var(--ns-green); font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(52px,9vw,78px); font-weight:550; letter-spacing:-.045em; line-height:.95; }
.ns-success p { max-width:42ch; margin:20px auto 0; color:#5d6b61; font-size:14px; line-height:1.7; }
.ns-redirect { margin-top:27px; color:#637167; font-size:11px; font-weight:650; }
.ns-progress { width:min(100%,330px); height:4px; overflow:hidden; margin:13px auto 0; border-radius:99px; background:#d6e6da; }
.ns-progress span { display:block; width:100%; height:100%; transform-origin:left; background:var(--ns-green); animation:ns-countdown 4s linear forwards; }
.ns-success-link { display:inline-flex; margin-top:22px; color:var(--ns-green); font-size:11px; font-weight:700; text-underline-offset:3px; }

@keyframes ns-pop { from { opacity:0; transform:scale(.62); } to { opacity:1; transform:scale(1); } }
@keyframes ns-countdown { from { transform:scaleX(1); } to { transform:scaleX(0); } }
@media (prefers-reduced-motion:reduce) { .ns-success-mark,.ns-progress span { animation:none; } }

@media (max-width:620px) {
  .ns-page { display:block; min-height:0; padding:104px 12px 44px; }
  .ns-back { margin-left:10px; }
  .ns-card { border-radius:30px; }
  .ns-card-inner { padding:35px 22px 32px; }
  .ns-brand { margin-bottom:24px; }
  .ns-brand img { width:101px; }
  .ns-title { font-size:48px; }
  .ns-deck { font-size:13px; }
  .ns-textarea { min-height:200px; padding:18px; border-radius:20px; font-size:17px; }
  .ns-success { padding:58px 24px; }
}