/* Single newsletter: hero + fast links, then the flipbook iframe. */
.m-nlhero { position: relative; overflow: hidden; background: var(--navy); color: #fff; }
.m-nlhero__flock { position: absolute; right: -8%; top: 50%; transform: translateY(-50%); width: min(780px, 62%); max-width: none; opacity: .14; pointer-events: none; }
.m-nlhero__grid { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; padding: clamp(56px, 8vw, 112px) 24px clamp(48px, 7vw, 96px); display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 72px); align-items: end; }
.m-nlhero__kicker { margin: 0 0 10px; font-family: var(--f-body); font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #8FB8B2; }
.m-nlhero__rule { display: block; width: 44px; height: 3px; background: var(--orange); margin: 0 0 22px; }
.m-nlhero__h1 { font-family: var(--f-head); font-weight: 400; font-size: clamp(40px, 5.6vw, 72px); line-height: 1.03; letter-spacing: -.025em; margin: 0 0 22px; color: #fff; max-width: 11em; text-wrap: balance; overflow-wrap: break-word; }
.m-nlhero__lede { margin: 0 0 32px; font-family: var(--f-body); font-size: clamp(17px, 1.5vw, 19px); line-height: 1.55; color: #C7D0D8; max-width: 34em; }
.m-nlhero__ctas { display: flex; flex-wrap: wrap; gap: 12px; }
.m-nlbtn { display: inline-flex; align-items: center; gap: 8px; border-radius: 4px; font: 600 15px/1 var(--f-body); padding: 15px 22px; text-decoration: none; cursor: pointer; border: 1.5px solid transparent; transition: filter .15s, background-color .15s, border-color .15s; }
.m-nlbtn svg { width: 16px; height: 16px; }
.m-nlbtn--primary, .m-nlbtn--primary:hover { background: var(--orange); color: #fff; }
.m-nlbtn--primary:hover { filter: brightness(1.08); }
.m-nlbtn--ghost, .m-nlbtn--ghost:hover { color: #fff; border-color: rgba(238, 240, 243, .45); }
.m-nlbtn--ghost:hover { background: rgba(238, 240, 243, .08); border-color: #fff; }
.m-nlbtn:focus-visible, .m-nlcard:focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }
.m-nlhero__inside { border-top: 1px solid rgba(238, 240, 243, .18); padding-top: 18px; }
.m-nlhero__inside-label { margin: 0 0 10px; font-family: var(--f-body); font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #8FB8B2; }
.m-nlhero__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.m-nlcard { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 16px; padding: 16px 18px; border: 1px solid rgba(238, 240, 243, .16); border-radius: 8px; background: rgba(255, 255, 255, .03); color: #fff; text-decoration: none; transition: border-color .15s, background-color .15s; }
.m-nlcard:hover { border-color: #8FB8B2; background: rgba(143, 184, 178, .08); }
.m-nlcard b { display: block; font-family: var(--f-head); font-weight: 500; font-size: 18px; line-height: 1.25; color: #fff; }
.m-nlcard span { display: block; font-family: var(--f-body); font-size: 14px; line-height: 1.45; color: #C7D0D8; margin-top: 3px; }
.m-nlcard svg { width: 18px; height: 18px; color: #8FB8B2; transition: transform .15s; }
.m-nlcard:hover svg { transform: translateX(3px); }

/* The flipbook fills the screen below the sticky navigation (64px). */
.m-nlframe { scroll-margin-top: 64px; background: #DADFE5; }
.m-nlframe__iframe { display: block; width: 100%; height: calc(100vh - 64px); height: calc(100dvh - 64px); min-height: 560px; border: 0; }
.m-nlframe--empty { padding: 48px 24px; text-align: center; font-family: var(--f-body); color: var(--muted); }

@media (max-width: 860px) {
	.m-nlhero__grid { grid-template-columns: 1fr; align-items: start; }
	.m-nlhero__flock { width: 110%; right: -40%; top: 12%; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
	.m-nlbtn, .m-nlcard, .m-nlcard svg { transition: none; }
}