:root { --lime: #c4df37; }

/* Las cabeceras usan el tono cálido del logotipo; el lima queda reservado para “Avanza”. */
:root { --hero-accent: #eee27a; --hero-deep: #03100c; }

.site-header.inner-header { background: var(--hero-deep); }
.site-header nav a.active::after { background: var(--hero-accent); }
.site-header .subscribe-top { background: var(--hero-accent); }

.hero-photo {
  background-image:
    radial-gradient(ellipse at 84% 18%, rgba(111, 148, 124, .16), transparent 31%),
    linear-gradient(128deg, transparent 35%, rgba(120, 151, 126, .09) 58%, transparent 78%),
    url('assets/hero-juan-bn.png');
  background-position: center;
  filter: grayscale(1) contrast(.98) brightness(.86);
  opacity: .9;
}

.hero-shade {
  background:
    linear-gradient(90deg, rgba(3, 16, 12, .98) 0%, rgba(3, 16, 12, .95) 38%, rgba(3, 16, 12, .68) 68%, rgba(2, 12, 9, .72) 100%),
    linear-gradient(0deg, rgba(3, 16, 12, .86) 0%, transparent 42%);
}

.hero .lime { color: var(--hero-accent); }
.hero .button.primary { background: var(--hero-accent); }

.brand-mark {
  width: 36px;
  height: 54px;
  margin-right: auto;
  background: url('assets/brand-mark-transparent.png') center / contain no-repeat;
  transform: none;
  display: none;
}

.brand,
footer .brand {
  width: 95px;
  height: 72px;
  margin-right: auto;
  background: url('assets/logo-completo-sabiduria.png') center / contain no-repeat;
}

footer .brand {
  width: 180px;
  height: 138px;
}

.brand span,
.brand small {
  visibility: hidden;
}

/* Ilustraciones aprobadas de la maqueta, no iconografía genérica. */
.topic .topic-art {
  width: 128px;
  height: 128px;
  right: 2px;
  top: 1px;
  display: block;
  color: transparent;
  font-size: 0;
  text-shadow: none;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: none;
}
.topic .brain { background-image: url('assets/topic-mentalidad-v2.png'); }
.topic .books { background-image: url('assets/topic-psicologia-v2.png'); }
.topic .bust { background-image: url('assets/topic-filosofia-v2.png'); }
.topic .screen { background-image: url('assets/topic-tecnologia-v2.png'); }
.topic .weight { background-image: url('assets/topic-bienestar-v2.png'); }
.topic .finance { background-image: url('assets/topic-finanzas.png'); }

.manifesto { overflow: visible; }
.advance {
  color: #e7e27a;
  transform: skewX(-7deg);
  transform-origin: left bottom;
}
.hero h1 {
  font-size: clamp(2.9rem, 4.6vw, 4.8rem);
  letter-spacing: -.035em;
}
.manifesto span {
  margin-left: 36px;
  font-family: Allura, "Brush Script MT", cursive;
  font-size: 3.05rem;
  font-weight: 400;
  line-height: .9;
  letter-spacing: .01em;
  transform: rotate(-5deg);
  position: relative;
  z-index: 1;
}

.manifesto .signature {
  display: block;
  width: 225px;
  height: auto;
  margin: 8px 0 0 28px;
}

.app-teaser {
  padding: 34px 4.1vw;
  background: #04271d;
  color: white;
}

.app-teaser .eyebrow { margin-bottom: 5px; }
.app-teaser h2 {
  margin: 0;
  font-size: 1.65rem;
  letter-spacing: -.05em;
}

.about {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: clamp(2rem, 8vw, 8rem);
  padding-top: clamp(4rem, 8vw, 7rem);
  padding-bottom: clamp(4rem, 8vw, 7rem);
}

.about-label { align-self: start; }

.about-label h2 {
  margin: 0;
  font-size: clamp(2.6rem, 5vw, 5rem);
  line-height: .88;
  letter-spacing: -.07em;
}

.about-copy {
  max-width: 680px;
}

.about-copy p {
  margin: 0 0 1.35rem;
  font-size: clamp(1rem, 1.4vw, 1.18rem);
  line-height: 1.62;
}

.about-copy p:last-child {
  margin-bottom: 0;
  font-size: clamp(1.12rem, 1.65vw, 1.38rem);
  font-weight: 600;
  line-height: 1.42;
}

.inner-header {
  position: relative;
  background: #07110d;
}

.about-page {
  min-height: calc(100vh - 88px);
  padding-top: clamp(5rem, 11vw, 10rem);
  position: relative;
  overflow: hidden;
  color: #fff;
  isolation: isolate;
  background: var(--hero-deep);
}

.about-page::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image:
    linear-gradient(90deg, rgba(3, 16, 12, .68) 0%, rgba(3, 16, 12, .82) 47%, rgba(2, 12, 9, .94) 100%),
    url('assets/hero-juan-bn.png');
  background-position: center, calc(100% + 28vw) center;
  background-size: cover, cover;
  background-repeat: no-repeat;
}

.about-page .about-label h1 {
  margin: 0;
  font-size: clamp(2.6rem, 5vw, 5rem);
  line-height: .88;
  letter-spacing: -.07em;
}

.about-page .about-copy p { color: rgba(255,255,255,.78); }
.about-page .about-copy p:last-child { color: #fff; }
.about-page .eyebrow { color: var(--hero-accent); }

.content-hero {
  min-height: min(61vh, 530px);
  padding: clamp(6rem, 13vw, 10rem) 4.1vw clamp(4rem, 7vw, 6rem);
  color: white;
  background:
    linear-gradient(90deg, rgba(3, 16, 12, .98) 0%, rgba(3, 16, 12, .93) 42%, rgba(3, 16, 12, .65) 76%, rgba(2, 12, 9, .74) 100%),
    url('assets/hero-juan-bn.png') 82% 38% / cover no-repeat;
}

.content-hero h1 {
  max-width: 840px;
  margin: 0;
  font-size: clamp(2.75rem, 6.3vw, 6.5rem);
  line-height: .91;
  letter-spacing: -.075em;
  text-transform: uppercase;
}

.content-hero h1 em, .content-hero .eyebrow { color: var(--hero-accent); font-style: normal; }

.content-hero > p:last-child {
  max-width: 540px;
  margin: 1.5rem 0 0;
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  line-height: 1.55;
}

.content-page { padding-top: clamp(3rem, 6vw, 5rem); padding-bottom: clamp(3rem, 6vw, 5rem); }
.content-page .section-heading p { margin: 0; font-size: .78rem; color: #536159; }
.content-grid-page { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.recent-content { padding-top: 0; }
.real-content-grid { row-gap: 1.75rem; }
.content-entry { min-width: 0; }
.content-entry .content-card { display: block; min-height: 220px; background-color: #08251c; }
.video-post img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.content-card.quote-post { background: #0b2b20; color: white; }
.content-card.quote-post img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.real-content-grid .content-entry:nth-child(5) .quote-post img { content: url("assets/frase-visual-leer-es-vivir.png"); }
.content-card.quote-post:after { background: linear-gradient(0deg, rgba(0, 20, 15, .8), rgba(0, 20, 15, .08) 75%); }
.content-card.quote-post .card-label { color: white; }
.post-links { display: flex; gap: .8rem; margin: .55rem 0 0; font-size: .72rem; }
.post-links a { border-bottom: 1px solid var(--lime); padding-bottom: .12rem; }

.format-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.format-card {
  min-height: 230px;
  padding: 1.4rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 7px;
  overflow: hidden;
  color: white;
  background: #08251c;
}

.format-card .eyebrow { margin: 0 0 auto; color: var(--lime); }
.format-card h3 { margin: 0; font-size: clamp(1.65rem, 2.6vw, 2.5rem); line-height: .92; letter-spacing: -.065em; }
.format-card > p:last-child { margin: .9rem 0 0; max-width: 270px; font-size: .83rem; line-height: 1.5; color: rgba(255,255,255,.78); }
.long-format { background: linear-gradient(135deg, #123a2d, #06130f); }
.quote-format { color: var(--ink); background: #e9dfcd; }
.quote-format .eyebrow { color: #71873a; }
.quote-format > p:last-child { color: #3b463d; }
.podcast-format { background: linear-gradient(140deg, #152c1a, #07110d); }

.format-sequences { margin-top: clamp(1.5rem, 3vw, 2.5rem); }
.sequence-block { padding: 1.5rem 0; border-top: 1px solid rgba(7, 17, 13, .13); }
.sequence-block:last-child { border-bottom: 1px solid rgba(7, 17, 13, .13); }
.sequence-heading { display: flex; align-items: baseline; justify-content: flex-start; gap: .7rem; margin-bottom: 1rem; }
.sequence-heading .eyebrow { margin: 0; }
.sequence-heading h3 { margin: 0; font-size: clamp(1.5rem, 2.5vw, 2.4rem); line-height: .95; letter-spacing: -.06em; }
.sequence-description { margin: 0; color: #516058; font-size: clamp(.84rem, 1.12vw, 1rem); line-height: 1; letter-spacing: -.025em; white-space: nowrap; }
.sequence-track { display: flex; gap: 1rem; overflow-x: auto; padding-bottom: .65rem; scroll-snap-type: x proximity; }
.sequence-track .content-card { display: block; flex: 0 0 220px; min-height: 180px; background-color: #08251c; scroll-snap-align: start; }
.sequence-track .long-video-card { flex-basis: min(520px, 78vw); }
.sequence-track .podcast-post { flex-basis: min(360px, 78vw); background: linear-gradient(90deg, rgba(2, 18, 13, .24), rgba(2, 18, 13, .54)), url("assets/spotify-library-card.png") center/cover; }
.spotify-mark { position: absolute; z-index: 1; right: 18px; top: 16px; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: rgba(255,255,255,.93); color: #08251c; box-shadow: 0 5px 16px rgba(0,0,0,.24); }
.spotify-mark svg { width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.spotify-mark svg circle { fill: currentColor; stroke: none; }
.spotify-mark svg path { stroke: white; stroke-width: 1.65; }
.sequence-track .content-card h4 { position: absolute; z-index: 1; left: 14px; bottom: 11px; margin: 0; font-size: 1.18rem; line-height: .94; text-transform: uppercase; letter-spacing: -.055em; }
.topic-hero { min-height: 420px; }
.topic-page { min-height: 440px; }
.topic-heading { margin-bottom: 0; }
.topic-empty { padding: clamp(2.5rem, 6vw, 5rem) 0; border-top: 1px solid rgba(7,17,13,.13); }
.topic-empty h3 { margin: 0 0 .65rem; font-size: clamp(1.8rem, 4vw, 3rem); letter-spacing: -.06em; }
.topic-empty p { max-width: 460px; color: #516058; line-height: 1.55; }
.topic-empty a { display: inline-block; margin-top: .5rem; padding-bottom: .15rem; border-bottom: 1px solid var(--lime); font-size: .8rem; font-weight: 700; }

.content-topics { padding-top: 0; padding-bottom: clamp(4rem, 7vw, 6rem); }

.platform-list {
  padding: clamp(4rem, 8vw, 7rem) 4.1vw;
  color: white;
  background: #04271d;
}

.platform-list h2 {
  max-width: 640px;
  margin: 0;
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: .98;
  letter-spacing: -.065em;
}

.platform-note {
  max-width: 610px;
  margin: 1.15rem 0 0;
  font-size: 1rem;
  line-height: 1.6;
  color: rgba(255,255,255,.78);
}

.platform-links {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: 2.25rem;
}

.platform-links span,
.platform-links a {
  padding: .8rem 1.1rem;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 999px;
  font-size: .84rem;
}

.platform-links a { border-color: var(--lime); color: var(--lime); }
.platform-links a,
.footer-social a { display: inline-flex; align-items: center; gap: .42rem; }

.social-icon { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
.social-icon path:only-child { fill: currentColor; stroke: none; }
.social-icon .filled { fill: currentColor; stroke: none; }

.footer-social {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: .65rem 1rem;
  padding-top: 9px;
  font-size: .68rem;
  color: #c4df37;
}

.footer-social a { border-bottom: 1px solid rgba(196, 223, 55, .45); padding-bottom: 2px; }
.footer-social a::before { display: inline-flex; width: 1rem; justify-content: center; font-size: .72rem; line-height: 1; }
.footer-social a:nth-child(1)::before { content: "▶"; }
.footer-social a:nth-child(2)::before { content: "⌁"; }
.footer-social a:nth-child(3)::before { content: "♪"; }
.footer-social a:nth-child(4)::before { content: "◌"; }
.footer-social a:nth-child(5)::before { content: "f"; font-weight: 700; }

footer { grid-template-columns: 1.3fr 1.6fr auto; gap: clamp(1.5rem, 3vw, 3rem); }
.footer-nav-group { display: flex; flex-direction: column; gap: .9rem; padding-top: 9px; }
.footer-nav-group .footer-links { padding-top: 0; }
.footer-nav-group .footer-social { padding-top: 0; }

.gowl-project {
  align-self: flex-start;
  max-width: 250px;
  color: rgba(255, 255, 255, .88);
  font-size: .76rem;
  line-height: 1.2;
}

.gowl-copy { display: block; color: inherit; text-decoration: none; }
.gowl-copy span {
  display: flex;
  align-items: center;
  gap: .45rem;
  margin-bottom: .22rem;
  color: var(--lime);
  font-size: .6rem;
  font-weight: 800;
  letter-spacing: .12em;
}

.gowl-copy:hover { color: var(--lime); }
.gowl-ball { display: inline-block; font-family: Arial, sans-serif; font-size: 1.12rem; line-height: 1; filter: grayscale(1) brightness(1.65) contrast(1.25); }
.gowl-button { display: inline-flex; align-items: center; gap: .45rem; margin-top: .65rem; padding: .52rem .82rem; border: 1px solid var(--lime); border-radius: 999px; color: var(--lime); font-size: .7rem; font-weight: 700; text-decoration: none; }
.gowl-button:hover { background: var(--lime); color: var(--ink); }

.mentorship-page-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr);
  align-items: end;
  gap: clamp(2rem, 8vw, 10rem);
  min-height: 570px;
  padding: 156px 4.1vw 5.5rem;
  background:
    linear-gradient(90deg, rgba(3, 16, 12, .98) 0%, rgba(3, 16, 12, .91) 43%, rgba(3, 16, 12, .66) 76%, rgba(2, 12, 9, .73) 100%),
    url('assets/hero-juan-bn.png') 80% 30% / cover no-repeat;
  color: #fff;
}

.mentorship-page-hero h1,
.mentorship-overview h2,
.mentorship-includes h2,
.mentorship-process h2,
.booking-panel h2 {
  margin: 0 0 1.15rem;
  font-size: clamp(3rem, 6vw, 6.25rem);
  line-height: .86;
  letter-spacing: -.075em;
  text-transform: uppercase;
}

.mentorship-page-hero h1 em,
.mentorship-overview h2 em,
.mentorship-includes h2 em,
.mentorship-process h2 em,
.booking-panel h2 em { color: var(--lime); font-style: normal; }
.mentorship-page-hero h1 em, .mentorship-page-hero .eyebrow { color: var(--hero-accent); }
.mentorship-page-hero .button.primary { background: var(--hero-accent); }
.mentorship-price { border-color: rgba(238,226,122,.7); }
.mentorship-lead { max-width: 640px; margin: 0 0 1.65rem; color: rgba(255,255,255,.78); font-size: clamp(1rem, 1.35vw, 1.22rem); line-height: 1.55; }

.mentorship-price { padding: 1.7rem 1.55rem; border: 1px solid rgba(196,223,55,.7); border-radius: 6px; background: rgba(0,0,0,.17); }
.mentorship-price p { margin: 0 0 .85rem; color: var(--lime); font-size: .66rem; font-weight: 800; letter-spacing: .12em; }
.mentorship-price strong { display: block; margin-bottom: .75rem; font-size: clamp(2.4rem, 4vw, 4.2rem); letter-spacing: -.08em; }
.mentorship-price span { display: block; margin-top: .4rem; color: rgba(255,255,255,.72); font-size: .8rem; }

.mentorship-overview { padding-top: 5.5rem; padding-bottom: 5.5rem; }
.mentorship-overview h2, .mentorship-process h2 { font-size: clamp(2.3rem, 4.5vw, 4.8rem); }
.mentorship-overview > p:not(.eyebrow) { max-width: 630px; margin: 0 0 2.5rem; font-size: 1.05rem; line-height: 1.6; }
.mentorship-routes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 920px; border-top: 1px solid var(--line); }
.mentorship-routes article { min-height: 210px; padding: 1.4rem 1.8rem 1.4rem 0; border-bottom: 1px solid var(--line); }
.mentorship-routes article + article { padding-left: 1.8rem; border-left: 1px solid var(--line); }
.mentorship-routes span, .process-grid span { color: #8a9f3c; font-size: .65rem; font-weight: 800; letter-spacing: .12em; }
.mentorship-routes h3, .process-grid h3 { margin: .95rem 0 .4rem; font-size: 1.35rem; letter-spacing: -.05em; }
.mentorship-routes p, .process-grid p { max-width: 360px; margin: 0; color: #546158; font-size: .88rem; line-height: 1.55; }

.mentorship-includes { display: grid; grid-template-columns: minmax(210px, .65fr) minmax(0, 1.35fr); gap: clamp(2rem, 9vw, 10rem); padding: 5.5rem 4.1vw; background: #092b21; color: #fff; }
.mentorship-includes h2 { font-size: clamp(2.7rem, 4.6vw, 4.8rem); }
.mentorship-includes ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.22); }
.mentorship-includes li { display: grid; grid-template-columns: 3rem 1fr; gap: .6rem; padding: 1.1rem 0; border-bottom: 1px solid rgba(255,255,255,.22); }
.mentorship-includes li > span { color: var(--lime); font-size: .65rem; font-weight: 800; padding-top: .25rem; letter-spacing: .1em; }
.mentorship-includes h3 { margin: 0; font-size: 1.08rem; letter-spacing: -.04em; }
.mentorship-includes li p { margin: .35rem 0 0; color: rgba(255,255,255,.7); font-size: .84rem; line-height: 1.55; }

.mentorship-process { padding-top: 5.5rem; padding-bottom: 5.5rem; }
.process-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.2rem; margin-top: 2.3rem; }
.process-grid article { min-height: 170px; padding: 1.15rem 0; border-top: 2px solid #d8caad; }

.booking-panel { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr); gap: clamp(2rem, 7vw, 7rem); padding: 5.5rem 4.1vw; background: linear-gradient(135deg, #03100c, #071711); color: #fff; }
.booking-panel .eyebrow, .booking-panel h2 em, .calendar-setup > span { color: var(--hero-accent); }
.calendar-setup { border-color: rgba(238,226,122,.66); }
.booking-panel h2 { font-size: clamp(2.4rem, 4.5vw, 4.8rem); }
.booking-panel > div > p:not(.eyebrow) { max-width: 570px; color: rgba(255,255,255,.75); font-size: 1rem; line-height: 1.6; }
.booking-panel small { display: block; max-width: 590px; margin-top: 1.4rem; color: rgba(255,255,255,.52); font-size: .72rem; line-height: 1.5; }
.calendar-setup { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 300px; padding: 2rem; border: 1px solid rgba(196,223,55,.66); border-radius: 6px; background: rgba(1,13,9,.47); }
.calendar-setup > span { color: var(--lime); font-size: .65rem; font-weight: 800; letter-spacing: .12em; }
.calendar-setup h3 { margin: .8rem 0 .4rem; font-size: 1.55rem; letter-spacing: -.055em; }
.calendar-setup p { max-width: 330px; margin: 0 0 1.35rem; color: rgba(255,255,255,.7); font-size: .86rem; line-height: 1.5; }

@media (max-width: 820px) {
  .mentorship-page-hero, .mentorship-includes, .booking-panel { grid-template-columns: 1fr; }
  .mentorship-page-hero { min-height: 0; padding-top: 135px; }
  .content-hero, .mentorship-page-hero { background-position: 67% center; }
  .about-page::before { background-position: center, calc(100% + 16vw) center; }
  .mentorship-price { max-width: 360px; }
  .process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.mentorship {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: clamp(2rem, 7vw, 8rem);
  padding: clamp(3.5rem, 7vw, 6.5rem) 4.1vw;
  background: linear-gradient(118deg, #072d22, #031711 72%);
  color: #fff;
}

.mentorship-intro h2 {
  max-width: 620px;
  margin: 0 0 1.15rem;
  font-size: clamp(2.1rem, 4vw, 4.15rem);
  line-height: .98;
  letter-spacing: -.065em;
  text-transform: uppercase;
}

.mentorship-intro h2 em { color: var(--lime); font-style: normal; }
.mentorship-intro > p:not(.eyebrow) { max-width: 535px; margin: 0 0 1.55rem; color: rgba(255,255,255,.78); font-size: 1rem; line-height: 1.6; }

.mentorship-points { display: grid; border-top: 1px solid rgba(255,255,255,.2); }
.mentorship-points article { display: grid; grid-template-columns: 2.5rem 1fr; column-gap: .6rem; padding: 1.05rem 0; border-bottom: 1px solid rgba(255,255,255,.2); }
.mentorship-points span { color: var(--lime); font-size: .65rem; font-weight: 800; letter-spacing: .1em; padding-top: .2rem; }
.mentorship-points h3 { margin: 0; font-size: 1rem; letter-spacing: -.04em; }
.mentorship-points p { grid-column: 2; max-width: 360px; margin: .32rem 0 0; color: rgba(255,255,255,.68); font-size: .83rem; line-height: 1.5; }

.topic-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  max-width: 1060px;
}

@media (max-width: 950px) {
  .topic-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mentorship { gap: 3rem; }
}

@media (max-width: 680px) {
  .topic-grid { display: flex; }
  .mentorship-page-hero { padding: 128px 6vw 3.5rem; }
  .mentorship-page-hero h1 { font-size: clamp(3rem, 16vw, 4.3rem); }
  .mentorship-overview, .mentorship-includes, .mentorship-process, .booking-panel { padding: 3.5rem 6vw; }
  .mentorship-routes, .process-grid { grid-template-columns: 1fr; }
  .mentorship-routes article + article { padding-left: 0; border-left: 0; }
  .mentorship-routes article { min-height: 0; }
  .mentorship { grid-template-columns: 1fr; padding: 3.5rem 6vw; }
  .mentorship-intro h2 { font-size: clamp(2.15rem, 12vw, 3.35rem); }

  .about {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }

  .about-label h2 { font-size: 2.7rem; }
  .about-page { min-height: calc(100vh - 72px); }
  .about-page .about-label h1 { font-size: 2.7rem; }
  .content-hero { padding-left: 6vw; padding-right: 6vw; }
  .content-grid-page { display: flex; }
  .content-entry { flex: 0 0 230px; }
  .format-grid { grid-template-columns: 1fr; }
  .format-card { min-height: 190px; }
  .sequence-heading { align-items: flex-start; flex-direction: column; gap: .45rem; }
  .sequence-description { max-width: 36rem; line-height: 1.4; white-space: normal; }
  .platform-list { padding-left: 6vw; padding-right: 6vw; }
  .footer-nav-group { margin: 0 0 22px; padding-top: 0; }
  .footer-social { margin: 0; }
  .about-copy p { font-size: 1rem; }

  .site-header .brand {
    width: 70px;
    height: 53px;
  }

  .hero h1 { font-size: clamp(2.45rem, 12vw, 3.1rem); }

  .manifesto .signature { width: 190px; }
}
.newsletter-redesign{--newsletter-accent:#eee27a;grid-template-columns:1fr;min-height:390px;background:linear-gradient(135deg,#03100c,#071711)}
.newsletter-redesign .newsletter-copy{padding:54px clamp(32px,5vw,78px) 50px}
.newsletter-redesign .newsletter-copy{max-width:800px}
.newsletter-redesign h2{font-size:clamp(2.35rem,4.1vw,4.7rem);line-height:.94;max-width:670px;margin-bottom:22px;letter-spacing:-.06em}
.newsletter-redesign .newsletter-copy>p:not(.eyebrow){font-size:1.07rem;line-height:1.45;max-width:530px;margin-bottom:8px}
.newsletter-redesign .eyebrow,.newsletter-redesign h2 em,.newsletter-highlight{color:var(--newsletter-accent)}
.newsletter-highlight{font-weight:700}
.newsletter-redesign .button.primary{background:var(--newsletter-accent)}
.newsletter-redesign .newsletter-copy .newsletter-support{color:rgba(255,255,255,.7);font-size:.86rem;margin-bottom:25px}
.newsletter-redesign form{max-width:570px;gap:12px}
.newsletter-redesign form .button{padding:15px 27px;white-space:nowrap;font-size:.76rem}
.newsletter-redesign small{display:block;margin-top:12px;color:rgba(255,255,255,.58);font-size:.7rem}
.newsletter-redesign .newsletter-details{padding:48px clamp(32px,4vw,70px);background:linear-gradient(145deg,rgba(196,223,55,.13),rgba(2,30,23,.15)),url('assets/reference-home.png');background-size:cover;background-position:70% center;isolation:isolate}
.newsletter-redesign .newsletter-details:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,20,15,.82),rgba(2,28,21,.54));z-index:-1}
.newsletter-detail-kicker{font-size:.7rem!important;font-family:Montserrat,sans-serif!important;text-transform:uppercase;letter-spacing:.15em!important;color:var(--lime);margin:0 0 18px!important;text-align:left!important;transform:none!important}
.newsletter-details h3{font-size:clamp(1.55rem,2.4vw,2.6rem);line-height:.98;letter-spacing:-.055em;margin:0 0 22px}
.newsletter-details ul{list-style:none;padding:0;margin:0 0 26px;border-top:1px solid rgba(255,255,255,.2)}
.newsletter-details li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:.78rem;color:rgba(255,255,255,.82)}
.newsletter-details li:before{content:"→";color:var(--lime);margin-right:9px}
.newsletter-details blockquote{margin:0;max-width:300px;font-family:Caveat,cursive;font-size:1.35rem;line-height:1.03;transform:rotate(-2deg)}
@media(max-width:760px){.newsletter-redesign{display:block}.newsletter-redesign .newsletter-copy{padding:42px 7vw}.newsletter-redesign .newsletter-details{min-height:290px;padding:38px 7vw}.newsletter-redesign h2{font-size:clamp(2.45rem,11vw,3.5rem)}.newsletter-redesign form{display:block}.newsletter-redesign input{width:100%;min-height:51px;margin-bottom:11px}.newsletter-redesign form .button{width:100%}}
.newsletter-modal-open{overflow:hidden}
.newsletter-modal[hidden]{display:none}
.newsletter-modal{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:22px;background:rgba(0,10,7,.76);backdrop-filter:blur(6px)}
.newsletter-modal-card{--newsletter-accent:#eee27a;position:relative;width:min(100%,570px);padding:46px clamp(28px,5vw,58px) 40px;color:#fff;background:linear-gradient(135deg,#03100c,#071711);border:1px solid rgba(238,226,122,.25);box-shadow:0 26px 70px rgba(0,0,0,.5)}
.newsletter-modal .eyebrow,.newsletter-modal h2 em{color:var(--newsletter-accent)}
.newsletter-modal h2{margin:0 0 19px;font-size:clamp(2rem,4.4vw,3.65rem);line-height:.95;letter-spacing:-.065em;text-transform:uppercase}
.newsletter-modal h2 em{font-style:normal}
.newsletter-modal-card>p:not(.eyebrow){max-width:440px;margin:0 0 22px;font-size:1rem;line-height:1.45;color:rgba(255,255,255,.86)}
.newsletter-modal-card strong{color:var(--newsletter-accent)}
.newsletter-modal-form{display:flex;gap:10px}
.newsletter-modal-form input{flex:1;min-width:0;border:0;border-radius:99px;padding:0 18px;font-family:inherit;font-size:.78rem}
.newsletter-modal-form .button.primary{background:var(--newsletter-accent);padding:14px 22px;white-space:nowrap}
.newsletter-modal-card small{display:block;margin-top:12px;color:rgba(255,255,255,.58);font-size:.7rem}
.newsletter-modal-close{position:absolute;right:14px;top:11px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:rgba(255,255,255,.85);font:300 2rem/1 Arial;cursor:pointer}
.newsletter-modal-close:hover{background:rgba(255,255,255,.1);color:#fff}
@media(max-width:560px){.newsletter-modal{padding:14px}.newsletter-modal-card{padding:42px 25px 30px}.newsletter-modal-form{display:block}.newsletter-modal-form input,.newsletter-modal-form .button{width:100%;min-height:50px}.newsletter-modal-form input{margin-bottom:10px}}