/* ============================================================
   Site chrome — the real innerface.co header and footer.

   Lifted verbatim from the home page's inline styles so the Captains
   page wears the same nav and footer as the rest of the site rather
   than the stripped-down bar it had, which was only ever scaffolding.

   Generated from public/index.html. If the home page chrome changes,
   regenerate rather than hand-editing, or the two will drift.
   ============================================================ */
/* ---------- nav (Ref / pre-ui-makeover df25b74) ---------- */
  .nav{position:sticky;top:0;z-index:600;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(20px,5vw,56px);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgba(7,6,10,0.68);border-bottom:1px solid rgba(232,218,188,0.08);}
.nav-logo{display:flex;align-items:center;text-decoration:none;flex:none;background:transparent!important;box-shadow:none!important;border:0!important;padding:0;}
.nav-logo-full{
    height:clamp(30px,1.6vw + 20px,42px);width:auto;max-width:min(220px,52vw);
    display:block;object-fit:contain;object-position:left center;
    background:transparent!important;box-shadow:none!important;border:0!important;
  }
.nav-logo-mark,.nav-logo-word,.nav-login{display:none!important;}
/* Logo marks — no plates; transparent PNGs sit clean on page (Ref-style) */
  .footer-brand-logo,
  .home-hero-lotus,
  .choose-card-mark{
    background:transparent!important;box-shadow:none!important;border:0!important;
  }
.nav-links{display:flex;gap:40px;list-style:none;margin:0;padding:0;}
.nav-links a{color:var(--text-dim);font-family:'Cormorant Garamond',Georgia,serif;font-size:18px;font-weight:600;letter-spacing:.04em;transition:color .15s ease;}
.nav-links a:hover,.nav-links a.active{color:var(--gold-strong);}
.nav-right{display:flex;align-items:center;gap:18px;}
.nav-cta{text-decoration:none;border-radius:10px;background:linear-gradient(150deg,#F3D98F,#9C7128);color:#1A1305;font-size:14px;font-weight:700;padding:12px 22px;letter-spacing:.01em;transition:filter .15s ease;}
.nav-cta:hover{filter:brightness(1.08);color:#1A1305;}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px;flex-direction:column;gap:5px;}
.nav-toggle span{width:22px;height:2px;background:var(--text);display:block;border-radius:2px;}
.nav-mobile-panel{display:none;}
@media (max-width:900px){

    .nav-links{display:none;}

    .nav-toggle{display:flex;}

    .nav-mobile-panel{
      display:none;position:fixed;inset:112px 0 0 0;z-index:590;background:rgba(7,6,10,0.98);
      padding:32px 28px;flex-direction:column;gap:22px;
    }

    .nav-mobile-panel.open{display:flex;}

    .nav-mobile-panel a{color:var(--text);font-size:20px;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;letter-spacing:.03em;}

    .nav-mobile-panel .cta{text-align:center;margin-top:12px;}
}
/* ---------- footer ---------- */
  .site-footer{border-top:1px solid var(--border);padding:56px clamp(24px,6vw,64px) 28px;}
.footer-grid{
    display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(120px,1fr));
    gap:28px 40px;max-width:1200px;margin:0 auto;align-items:start;
  }
.footer-brand{display:flex;flex-direction:column;gap:0;min-width:0;}
.footer-brand p{font-size:12.5px;color:var(--text-dim);line-height:1.7;max-width:300px;margin:14px 0 0;}
.footer-brand-logo{height:56px;width:auto;max-width:min(240px,70vw);display:block;object-fit:contain;object-position:left center;}
.footer-h{
    font-family:'Marcellus',serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
    color:var(--gold);margin:0 0 14px;min-height:1.2em;
  }
.footer-col{display:flex;flex-direction:column;gap:10px;min-width:0;padding-top:6px;}
.footer-col a{color:var(--text-dim);font-size:13px;line-height:1.4;}
.footer-col a:hover{color:var(--gold-strong);}
.footer-subscribe{
    max-width:1200px;margin:36px auto 0;padding-top:28px;border-top:1px solid var(--border);
  }
.footer-email{display:flex;flex-direction:column;gap:10px;max-width:420px;margin:0;width:100%;}
.footer-email label{font-family:'Marcellus',serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);}
.footer-email-row{display:flex;gap:8px;align-items:stretch;}
.footer-email input[type=email]{
    flex:1;min-width:0;background:var(--panel-solid);border:1px solid var(--border-strong);
    border-radius:9px;color:var(--text);font-size:13px;padding:11px 12px;font-family:inherit;
  }
.footer-email input[type=email]:focus{outline:none;border-color:var(--gold);}
.footer-email input[type=email]::placeholder{color:var(--text-faint);}
.footer-email button{
    border:none;border-radius:9px;padding:0 18px;font-weight:600;font-size:12px;cursor:pointer;
    background:linear-gradient(150deg,#F3D98F,#9C7128);color:#1A1305;font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:.02em;font-weight:600;white-space:nowrap;
  }
.footer-email button:hover{filter:brightness(1.08);}
.footer-email-note{font-size:11px;color:var(--text-faint);margin:0;align-self:center;}
.footer-bottom{max-width:1200px;margin:28px auto 0;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-faint);flex-wrap:wrap;gap:10px;}
@media (max-width:900px){

    .footer-grid{grid-template-columns:1fr 1fr;gap:28px 24px;}

    .footer-brand{grid-column:1 / -1;}

    .footer-subscribe{grid-template-columns:1fr;align-items:start;}
}
@media (max-width:520px){

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

    .footer-email-row{flex-direction:column;}
}
/* Nav = Cormorant; CTAs/buttons = Cormorant Garamond (pai-aesthetics.css is source of truth). */
  .nav-links a, .nav-mobile-panel a:not(.cta):not(.nav-cta){
    font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:.03em;
  }
.nav-cta, .cta, .cta-secondary, button.cta{
    font-family:'Cormorant Garamond',Georgia,serif;
  }
.eyebrow, .hero-eyebrow, .footer-h, .footer-email label,
  .cap-card .t, .emma-card .role, .soon-card .t, .tl-dot, .tl-step .t{
    font-family:'Marcellus',serif!important;
  }
.nav-links a, .nav-mobile-panel a:not(.cta):not(.nav-cta){
    font-family:'Cormorant Garamond',Georgia,serif!important;letter-spacing:.03em!important;
  }
.nav-cta, .cta, .cta-secondary, .footer-email button, button.cta,
  .pai-hero-send, input[type="submit"]{
    font-family:'Cormorant Garamond',Georgia,serif!important;
  }
.footer-col a, .site-footer .footer-bottom span{
    font-family:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif!important;
  }
body .footer-brand-logo,
  body .home-hero-lotus,
  body .choose-card-mark{
    background:transparent!important;box-shadow:none!important;border:0!important;
  }
.cta,.nav-cta,.footer-email button,button.cta{
    background:linear-gradient(150deg,var(--cta-from),var(--cta-to));color:var(--on-accent);
  }
.cta:hover,.nav-cta:hover{color:var(--on-accent)}

/* ------------------------------------------------------------------
   The home page removes link underlines with a bare `a { }` rule, which
   the extractor above skipped because it isn't a chrome selector — so the
   nav and footer came out underlined here and the header didn't match the
   original. Scoped rather than global so the deck's own links (which use a
   deliberate border-bottom) are untouched.
   ------------------------------------------------------------------ */
nav.nav a,
.site-footer a { text-decoration: none; }
nav.nav a:hover,
.site-footer a:hover { text-decoration: none; }

/* The Captains page uses the full lotus lockup in the nav, not the wordmark
   strip. Its aspect is 1.81 against the strip's 4.33, so the shared height
   rule would render it small — give it its own. */
nav.nav .nav-logo-full {
  height: clamp(38px, 2.4vw + 26px, 58px);
  max-width: min(150px, 34vw);
}