@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600&family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&display=swap');
@import url('/brand-unified.css?v=20260828-pa2');

:root {
  --piper-black: #0d0d0c;
  --piper-ivory: #eee9df;
  --piper-bronze: #9a805a;
  --piper-paper: #f5f0e5;
}

/* One masthead for public articles, policies, signup, Papers, and error pages. */
.piper-public-header {
  position: sticky;
  top: 0;
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  min-height: 78px;
  padding: 10px clamp(18px, 5vw, 64px);
  border-bottom: 1px solid rgba(154, 128, 90, .42);
  background: rgba(13, 13, 12, .975);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .16);
  backdrop-filter: blur(16px);
}

.piper-public-brand {
  display: grid !important;
  grid-template-columns: 56px minmax(190px, 1fr);
  align-items: center;
  column-gap: 12px;
  min-width: min(360px, 100%);
  color: var(--piper-ivory) !important;
  text-decoration: none;
}

.piper-public-brand > img {
  grid-column: 1;
  grid-row: 1;
  width: 56px !important;
  height: 56px !important;
  border: 0;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 0 0 1px rgba(238, 233, 223, .16);
}

.piper-public-brand.papers-brand::before {
  content: none !important;
}

.piper-public-brand-copy {
  grid-column: 2;
  display: grid;
  min-width: 0;
  line-height: 1.1;
}

.piper-public-brand-copy strong {
  color: var(--piper-ivory);
  font-family: 'Cinzel', Georgia, serif;
  font-size: 1.02rem;
  font-weight: 600;
  letter-spacing: .13em;
  line-height: 1.08;
  text-transform: uppercase;
}

.piper-public-tagline {
  margin-top: 2px;
  color: #d8d2c8;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: .76rem;
  font-style: italic;
  letter-spacing: 0;
  text-transform: none;
}

.piper-public-foundations {
  margin-top: 3px;
  color: #bca98b;
  font-family: 'Cinzel', Georgia, serif;
  font-size: .49rem;
  letter-spacing: .105em;
  text-transform: uppercase;
}

.piper-public-nav {
  display: flex !important;
  align-items: center;
  gap: 3px !important;
  padding: 4px;
  border: 1px solid rgba(184, 153, 99, .28);
  border-radius: 999px;
  background: var(--piper-paper);
  box-shadow: 0 5px 20px rgba(0, 0, 0, .22);
}

.piper-public-nav > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 8px 12px !important;
  border: 1px solid transparent;
  border-radius: 999px !important;
  background: transparent;
  color: #171612 !important;
  font-family: 'Cinzel', Georgia, serif !important;
  font-size: .66rem !important;
  font-weight: 600 !important;
  letter-spacing: .035em;
  line-height: 1.1;
  text-decoration: none;
  white-space: nowrap;
}

.piper-public-nav > a:hover,
.piper-public-nav > a:focus-visible {
  border-color: rgba(184, 153, 99, .32);
  background: #fffaf0 !important;
  color: #171612 !important;
  outline: none;
}

.piper-public-nav > a[aria-current='page'],
.piper-public-nav > a.active {
  border-color: var(--piper-bronze);
  background: var(--piper-bronze) !important;
  color: #fffaf0 !important;
  box-shadow: 0 3px 12px rgba(60, 48, 32, .2);
}

/* The About page already has the full three-line mark; align its type with the same system. */
.about-static-brand-copy strong {
  font-family: 'Cinzel', Georgia, serif;
  font-weight: 600 !important;
  letter-spacing: .13em !important;
}
.about-static-tagline {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: .76rem !important;
}
.about-static-kicker,
.about-static-nav > a,
.about-more > summary {
  font-family: 'Cinzel', Georgia, serif;
  font-weight: 600;
  letter-spacing: .035em;
}

@media (max-width: 820px) {
  .piper-public-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    padding: 10px 15px 11px;
  }
  .piper-public-brand {
    grid-template-columns: 46px minmax(0, 1fr);
    min-width: 0;
    width: 100%;
  }
  .piper-public-brand > img {
    width: 46px !important;
    height: 46px !important;
  }
  .piper-public-brand-copy strong {
    font-size: .88rem;
    letter-spacing: .1em;
  }
  .piper-public-tagline {
    font-size: .68rem;
  }
  .piper-public-foundations {
    font-size: .43rem;
    letter-spacing: .08em;
  }
  .piper-public-nav {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    justify-content: flex-start;
    border-radius: 13px;
    scrollbar-width: none;
  }
  .piper-public-nav::-webkit-scrollbar {
    display: none;
  }
  .piper-public-nav > a {
    flex: 0 0 auto;
    padding: 8px 10px !important;
    font-size: .63rem !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .piper-public-header {
    backdrop-filter: none;
    background: var(--piper-black);
  }
}


/* Shared More dropdown for trimmed public primary nav:
   Home · Questions · OCIA · Studies · More */
.piper-public-nav > .about-more,
.piper-public-nav > .piper-public-more,
.ocia-site-nav > .about-more,
.ocia-site-nav > .piper-public-more,
.launch-nav > .about-more{
  position:relative;
}
.piper-public-nav > .about-more > summary,
.piper-public-nav > .piper-public-more > summary,
.ocia-site-nav > .about-more > summary,
.ocia-site-nav > .piper-public-more > summary,
.launch-nav > .about-more > summary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 12px;
  border:1px solid transparent;
  border-radius:999px;
  background:transparent;
  color:#171612;
  font-family:'Cinzel',Georgia,serif;
  font-size:.66rem;
  font-weight:600;
  letter-spacing:.035em;
  text-transform:uppercase;
  cursor:pointer;
  list-style:none;
  white-space:nowrap;
}
.piper-public-nav > .about-more > summary::-webkit-details-marker,
.piper-public-nav > .piper-public-more > summary::-webkit-details-marker,
.ocia-site-nav > .about-more > summary::-webkit-details-marker,
.ocia-site-nav > .piper-public-more > summary::-webkit-details-marker,
.launch-nav > .about-more > summary::-webkit-details-marker{display:none}
.piper-public-nav > .about-more > summary::after,
.piper-public-nav > .piper-public-more > summary::after,
.ocia-site-nav > .about-more > summary::after,
.ocia-site-nav > .piper-public-more > summary::after,
.launch-nav > .about-more > summary::after{content:'⌄';margin-left:5px;font-size:.68rem}
.piper-public-nav > .about-more > summary:hover,
.piper-public-nav > .piper-public-more > summary:hover,
.piper-public-nav > .about-more[open] > summary,
.piper-public-nav > .piper-public-more[open] > summary{
  border-color:var(--piper-bronze,#9a805a);
  background:var(--piper-bronze,#9a805a);
  color:#fffaf0;
}
.piper-public-nav .about-more-menu,
.piper-public-nav .piper-public-more-menu,
.ocia-site-nav .about-more-menu,
.launch-nav .about-more-menu{
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  z-index:80;
  display:grid;
  min-width:280px;
  padding:8px;
  border:1px solid #d7c9b3;
  border-radius:15px;
  background:#fffdf8;
  box-shadow:0 18px 46px rgba(0,0,0,.22);
}
.piper-public-nav .about-more-menu a,
.ocia-site-nav .about-more-menu a,
.launch-nav .about-more-menu a{
  display:grid;
  gap:2px;
  padding:10px 11px;
  border-radius:10px;
  color:#171612 !important;
  text-decoration:none;
  background:transparent;
  min-height:0;
  border:0;
  font-family:Georgia,'Times New Roman',serif;
  font-size:inherit;
  font-weight:400;
  letter-spacing:0;
  text-transform:none;
  white-space:normal;
}
.piper-public-nav .about-more-menu a:hover,
.piper-public-nav .about-more-menu a.active,
.ocia-site-nav .about-more-menu a:hover,
.ocia-site-nav .about-more-menu a.active{
  background:#f2eadc;
}
.piper-public-nav .about-more-menu strong,
.ocia-site-nav .about-more-menu strong{font-size:.76rem}
.piper-public-nav .about-more-menu span,
.ocia-site-nav .about-more-menu span{color:#6c645a;font-size:.62rem;line-height:1.35}

/* OCIA dark masthead: light summary text */
.ocia-site-nav > .about-more > summary,
.ocia-site-nav > .piper-public-more > summary{
  color:#f2d99a;
}
.ocia-site-nav > .about-more[open] > summary,
.ocia-site-nav > .about-more > summary:hover{
  background:rgba(255,255,255,.1);
  border-color:rgba(242,217,154,.4);
  color:#fff;
}
@media(max-width:820px){
  .piper-public-nav .about-more-menu,
  .ocia-site-nav .about-more-menu,
  .launch-nav .about-more-menu{
    position:fixed;
    left:15px;
    right:15px;
    top:118px;
    min-width:0;
    max-height:65vh;
    overflow:auto;
  }
}


/* ---- HEADER-FIT-PUBLIC-V1 (20260915) ---- */
.piper-public-foundations{display:none!important}
.piper-public-brand > img{
  width:72px!important;
  height:72px!important;
}
.piper-public-brand-copy strong{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  font-size:inherit!important;
  letter-spacing:0!important;
  line-height:1.05!important;
}
.piper-public-brand-copy strong .brand-piper,
.piper-public-brand-copy .brand-piper{
  display:block;
  font-size:1.45rem;
  letter-spacing:.14em;
  line-height:1;
}
.piper-public-brand-copy strong .brand-apologetics,
.piper-public-brand-copy .brand-apologetics{
  display:block;
  font-size:1rem;
  letter-spacing:.2em;
  line-height:1.1;
  color:#d4cbbd;
  font-weight:500;
}
.piper-public-brand-copy strong:not(:has(.brand-piper)){
  font-size:1.35rem!important;
  letter-spacing:.12em!important;
}
.piper-public-tagline{
  font-size:.88rem!important;
  margin-top:4px!important;
}
@media(min-width:721px){
  .piper-public-nav,
  .ocia-site-nav{
    gap:6px!important;
    padding:5px!important;
    border:1px solid rgba(198,168,120,.28)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.045)!important;
    box-shadow:none!important;
  }
  .piper-public-nav > a,
  .piper-public-nav > .about-more > summary,
  .piper-public-nav > .piper-public-more > summary,
  .ocia-site-nav > a,
  .ocia-site-nav > .about-more > summary,
  .ocia-site-nav > .piper-public-more > summary{
    min-height:42px!important;
    padding:11px 15px!important;
    color:#eee9df!important;
    font-size:.9rem!important;
    font-weight:500!important;
    letter-spacing:.04em!important;
    background:transparent!important;
    border:1px solid transparent!important;
    border-radius:999px!important;
  }
  .piper-public-nav > a:hover,
  .piper-public-nav > a:focus-visible,
  .piper-public-nav > .about-more > summary:hover,
  .piper-public-nav > .piper-public-more > summary:hover,
  .ocia-site-nav > a:hover,
  .ocia-site-nav > .about-more > summary:hover{
    background:rgba(255,255,255,.07)!important;
    color:#fffaf0!important;
    border-color:rgba(198,168,120,.34)!important;
  }
  .piper-public-nav > a[aria-current='page'],
  .piper-public-nav > a.active,
  .ocia-site-nav > a.active,
  .ocia-site-nav > a[aria-current='page']{
    background:rgba(154,128,90,.22)!important;
    color:#fffaf0!important;
    border-color:rgba(154,128,90,.55)!important;
    box-shadow:inset 0 -2px 0 #9a805a!important;
  }
}