/* OPT-IN footer "Indigo close": hand-authored (2026-09-24). Bookends the Home hero: same indigo field,
   the same aurora layers and keyframes (assets/aurora.css), then a quiet ledger. theme/parts/footer.html. */
.optin-footer{--f-light:#fffaf0;--f-muted:#e6dfd9;--f-rule:#ffffff40;--f-gutter:clamp(1.25rem,4.4vw,5rem);
  position:relative;isolation:isolate;overflow:hidden;background:#1e1850;color:var(--f-light);font-family:var(--wp--preset--font-family--dm-sans);
  margin-block-start:0!important;padding:0 var(--f-gutter)}
.optin-footer > *{max-width:1800px;margin-inline:auto!important}
.optin-footer p{margin:0}
.optin-footer a{color:inherit;font-family:inherit}
.optin-footer a:focus-visible{outline:3px solid var(--f-light);outline-offset:4px}

/* Aurora layers (injected by assets/aurora.js into any .theme-aurora root). The band is the root, but the
   field is sized to the whole footer so the glow runs behind the ledger as well. */
.optin-footer-band{position:static;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem 3rem;align-items:end;
  padding:4.5rem 0 3.5rem;border-bottom:1px solid var(--f-rule);--wp-agent-motion-state:running}
.optin-footer-band > .wp-agent-decor{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;margin:0;max-width:none;background:#1e1850}
.optin-footer-band > .wp-agent-decor > span{position:absolute;display:none}
.optin-footer-band > .wp-agent-decor > span:nth-child(1){display:block;width:95vmax;height:95vmax;left:-38vmax;top:-60vmax;border-radius:50%;filter:blur(28px);
  background:radial-gradient(circle,#5240a6 0%,#5240a6 18%,transparent 66%);animation:wp-agent-drift-a 11s ease-in-out infinite alternate}
.optin-footer-band > .wp-agent-decor > span:nth-child(2){display:block;width:85vmax;height:85vmax;right:-46vmax;bottom:-58vmax;border-radius:50%;filter:blur(28px);
  background:radial-gradient(circle,#8f351e 0%,#8f351e 16%,transparent 64%);animation:wp-agent-drift-b 9s ease-in-out infinite alternate}
.optin-footer-band > .wp-agent-decor > span:nth-child(3){display:block;inset:-20%;mix-blend-mode:screen;opacity:.45;
  background:linear-gradient(100deg,transparent 40%,#b07560 50%,transparent 60%);animation:wp-agent-shimmer 12s ease-in-out infinite alternate}
.optin-footer-band > .wp-agent-decor > span{animation-play-state:var(--wp-agent-motion-state,running)!important}
.optin-footer-band > .wp-agent-motion-toggle{display:none}
.optin-footer.is-offscreen .optin-footer-band{--wp-agent-motion-state:paused}
@media (prefers-reduced-motion:reduce){.optin-footer-band > .wp-agent-decor > span{animation:none!important}}

/* Invitation band */
.optin-footer-kicker{font:400 .75rem/1.6 var(--wp--preset--font-family--ibm-plex-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--f-muted);margin-bottom:1.25rem!important}
.optin-footer-headline{font-family:var(--wp--preset--font-family--dm-serif-display);font-weight:400;font-size:clamp(2.4rem,4.6vw,4.4rem);line-height:1.04;letter-spacing:-.035em;max-width:17ch;margin:0;color:var(--f-light)}
.optin-footer-headline em{font-style:italic}
.optin-footer-invite-text{max-width:34rem;margin-top:1.5rem!important;color:var(--f-muted);font-size:1rem;line-height:1.65}
.optin-footer-actions{display:flex;flex-direction:column;gap:.75rem;min-width:min(100%,21rem)}
.optin-footer-btn a{display:flex;align-items:center;justify-content:space-between;gap:2.5rem;min-height:52px;padding:1rem 1.4rem;
  font-size:.875rem;text-decoration:none;border:1px solid var(--f-light);transition:background-color .25s,color .25s}
.optin-footer-btn-solid a{background:var(--f-light);color:#23251f!important}
.optin-footer-btn-solid a:hover{background:var(--f-muted)}
.optin-footer-btn-ghost a{color:var(--f-light)}
.optin-footer-btn-ghost a:hover{background:#ffffff14}

/* Ledger */
.optin-footer-main{display:grid;grid-template-columns:1.35fr .8fr 1fr 1fr;gap:3rem;padding:3.25rem 0 3rem}
.optin-footer-wordmark{margin:0;font-family:var(--wp--preset--font-family--dm-serif-display);font-size:3.1rem;font-weight:400;font-style:normal;line-height:1;letter-spacing:-.06em;white-space:nowrap}
.optin-footer-wordmark a{font:inherit!important;letter-spacing:inherit}
.optin-footer-wordmark a{text-decoration:none;color:var(--f-light)}
.optin-footer-mission{max-width:25rem;margin-top:1.25rem!important;color:var(--f-muted);font-size:.9375rem;line-height:1.6}
.optin-footer-fine{font-size:.8125rem;line-height:1.6;color:#e6dfd9cc}
.optin-footer-fine + .optin-footer-fine,.optin-footer-mission + .optin-footer-fine{margin-top:.75rem!important}
.optin-footer-fine a{text-underline-offset:.25em;text-decoration-color:#ffffff66}
.optin-footer-label{display:flex;gap:.75rem;border-top:1px solid var(--f-rule);padding-top:.75rem;margin-bottom:1rem!important;
  font:400 .72rem/1.6 var(--wp--preset--font-family--ibm-plex-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--f-muted)}
.optin-footer-label span{color:#ffffff80}
.optin-footer-link a{display:inline-flex;align-items:center;gap:.6rem;padding:.3rem 0;font-size:.9375rem;font-weight:500;
  text-decoration:underline;text-decoration-color:#ffffff55;text-decoration-thickness:1px;text-underline-offset:.35em;transition:text-decoration-color .2s}
.optin-footer-link a:hover{text-decoration-color:var(--f-light)}
.optin-footer-arr{display:inline-block;text-decoration:none;opacity:.6;transition:transform .2s,opacity .2s}
.optin-footer-link a:hover .optin-footer-arr{opacity:1;transform:translate(2px,-2px)}

/* Bottom bar */
.optin-footer-bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--f-rule);padding:1.1rem 0 1.5rem;
  font:400 .72rem/1.6 var(--wp--preset--font-family--ibm-plex-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--f-muted)}
.optin-footer-bottom a{text-underline-offset:.3em;text-decoration-color:#ffffff55}
.optin-footer-bottom a:hover{text-decoration-color:var(--f-light)}

@media (max-width:1050px){.optin-footer-main{grid-template-columns:1fr 1fr;gap:2.5rem 2rem}.optin-footer-brand{grid-column:1/-1}}
@media (max-width:700px){
  .optin-footer-band{grid-template-columns:1fr;padding:3rem 0 2.5rem}
  .optin-footer-headline{font-size:2.5rem}
  .optin-footer-actions{min-width:0}
  .optin-footer-main{grid-template-columns:1fr;gap:2.25rem;padding-top:2.5rem}
  .optin-footer-main > nav.optin-footer-col{display:grid;grid-template-columns:1fr 1fr;column-gap:1.5rem}
  .optin-footer-main > nav.optin-footer-col > .optin-footer-label{grid-column:1/-1}
  .optin-footer-wordmark{font-size:2.6rem}
  .optin-footer-bottom{flex-direction:column;gap:.5rem}
}