/* OCIA landing page - refined editorial edition.
   The opening feels like the Piper homepage; the body feels like the printed Companion. */

:root{
  --ocia-beautiful-navy:#09263b;
  --ocia-beautiful-blue:#103b59;
  --ocia-beautiful-gold:#c49a4f;
  --ocia-beautiful-gold-light:#efd58d;
  --ocia-beautiful-ivory:#fbf7ef;
  --ocia-beautiful-paper:#fffdf8;
  --ocia-beautiful-ink:#102f49;
}

body{
  background:
    radial-gradient(circle at 8% 31%,rgba(196,154,79,.06),transparent 25rem),
    linear-gradient(180deg,#f4efe6 0,#fbf8f2 23%,#f3ede2 100%);
}

/* Navigation ------------------------------------------------------------ */
.ocia-site-header{
  min-height:66px;
  padding:11px clamp(18px,4vw,62px);
  background:rgba(7,29,45,.97);
  border-bottom:1px solid rgba(225,190,111,.42);
  box-shadow:0 8px 28px rgba(4,17,27,.18);
}
.ocia-brand img{
  width:42px;
  height:42px;
  border:1px solid rgba(239,213,141,.44);
  box-shadow:0 0 0 4px rgba(239,213,141,.05);
}
.ocia-brand strong{color:#fff;font-size:.8rem}
.ocia-brand small{color:#b8c7d1;font-size:.64rem}
.ocia-site-nav{gap:6px}
.ocia-site-nav a{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  padding:9px 14px;
  border-radius:2px;
  color:#d7e1e7;
  letter-spacing:.025em;
}
.ocia-site-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.ocia-site-nav a.active{
  background:transparent;
  color:#f2d99a;
  box-shadow:inset 0 -2px 0 var(--ocia-beautiful-gold);
}

/* Opening spread -------------------------------------------------------- */
#ocia-landing .ocia-book-hero{
  min-height:690px;
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(4,20,32,.97) 0%,rgba(7,31,48,.90) 45%,rgba(8,34,52,.72) 100%),
    linear-gradient(180deg,transparent 58%,rgba(3,16,26,.62)),
    url('/assets/hero-library-background.webp?v=20260828-single-webp2') center 48%/cover no-repeat,
    var(--ocia-beautiful-navy);
  box-shadow:inset 0 -20px 50px rgba(2,15,24,.38);
}
#ocia-landing .ocia-book-hero:before{
  inset:18px;
  border:1px solid rgba(239,213,141,.74);
}
#ocia-landing .ocia-book-hero:after{
  inset:26px;
  border:1px solid rgba(239,213,141,.26);
}
#ocia-landing .ocia-book-hero-inner{
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.58fr);
  gap:clamp(44px,6vw,84px);
  width:min(1160px,calc(100% - 86px));
  min-height:690px;
  padding:60px 0 58px;
}
#ocia-landing .ocia-book-hero .ocia-hero-rule{margin-bottom:18px}
#ocia-landing .ocia-book-hero .ocia-hero-rule span{width:72px;transform:translateY(-5px)}
#ocia-landing .ocia-book-hero .ocia-hero-rule b{
  position:relative;
  display:block;
  width:20px;
  height:30px;
  flex:0 0 22px;
}
#ocia-landing .ocia-book-hero .ocia-hero-rule b:before,
#ocia-landing .ocia-book-hero .ocia-hero-rule b:after{
  content:"";
  position:absolute;
  left:50%;
  display:block;
  background:var(--ocia-beautiful-gold-light);
  box-shadow:0 0 10px rgba(239,213,141,.22);
  border-radius:1px;
}
#ocia-landing .ocia-book-hero .ocia-hero-rule b:before{
  top:0;
  width:2px;
  height:30px;
  transform:translateX(-50%);
}
#ocia-landing .ocia-book-hero .ocia-hero-rule b:after{
  top:9px;
  width:20px;
  height:2px;
  transform:translateX(-50%);
}
#ocia-landing .ocia-book-hero .ocia-kicker{
  margin-bottom:14px;
  color:var(--ocia-beautiful-gold-light);
  font-size:.69rem;
  letter-spacing:.25em;
}
#ocia-landing .ocia-book-hero h1{
  max-width:720px;
  font-size:clamp(3.25rem,5.6vw,5.65rem);
  line-height:.93;
  letter-spacing:-.045em;
  text-wrap:balance;
  text-shadow:0 5px 25px rgba(0,0,0,.22);
}
#ocia-landing .ocia-book-hero h1 em{
  margin-top:10px;
  color:#f4dda4;
  font-weight:400;
}
#ocia-landing .ocia-book-hero .ocia-hero-copy{
  max-width:670px;
  margin-top:25px;
  color:#edf1f3;
  font-size:clamp(1rem,1.25vw,1.15rem);
  line-height:1.68;
  text-wrap:pretty;
}
#ocia-landing .ocia-book-hero .ocia-hero-actions{margin-top:27px;gap:11px}
#ocia-landing .ocia-book-hero .ocia-button{
  min-height:48px;
  padding:12px 22px;
  border-radius:2px;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
#ocia-landing .ocia-book-hero .ocia-button:hover{transform:translateY(-2px)}
#ocia-landing .ocia-book-hero .ocia-button.primary{
  background:#f0d793;
  box-shadow:0 9px 24px rgba(2,16,26,.25);
}
#ocia-landing .ocia-book-hero .ocia-button.secondary{
  border-color:rgba(239,213,141,.55);
  background:rgba(4,20,32,.42);
}
#ocia-landing .ocia-book-hero-meta{
  margin-top:28px;
  padding-top:18px;
  border-color:rgba(239,213,141,.35);
}
#ocia-landing .ocia-book-hero-meta span{min-width:128px;padding:0 19px}
#ocia-landing .ocia-book-hero-meta strong{color:#f3d98f;font-size:1.42rem}
#ocia-landing .ocia-book-hero-meta small{margin-top:5px;color:#c5d1d8;font-size:.6rem}
#ocia-landing .ocia-book-hero .ocia-independent-note{
  max-width:650px;
  margin-top:14px;
  color:#c3d0d8;
  font-size:.8rem;
  line-height:1.5;
}
#ocia-landing .ocia-book-stage{
  min-height:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:20px;
}
#ocia-landing .ocia-book-stage:before{
  width:120%;
  height:92%;
  background:radial-gradient(circle,rgba(236,205,131,.24),transparent 62%);
  filter:blur(18px);
  opacity:1;
}
#ocia-landing .ocia-book-object{
  width:min(324px,100%);
  transform:rotateY(-5deg) rotateZ(1deg);
  filter:drop-shadow(0 32px 34px rgba(0,10,18,.48));
}
#ocia-landing .ocia-book-object:before,
#ocia-landing .ocia-book-object:after{display:none}
#ocia-landing .ocia-book-object:before{display:block}
#ocia-landing .ocia-book-object img{
  aspect-ratio:auto;
  object-fit:contain;
  border:1px solid rgba(239,213,141,.78);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
#ocia-landing .ocia-book-stage figcaption{
  position:relative;
  bottom:auto;
  left:auto;
  width:auto;
  transform:none;
  color:#c9d5dc;
  font-size:.64rem;
  letter-spacing:.14em;
}

/* Print-to-screen path -------------------------------------------------- */
#ocia-landing .ocia-method{
  width:min(1100px,calc(100% - 40px));
  margin:70px auto 28px;
  padding:52px clamp(26px,5vw,58px) 44px;
  border:1px solid var(--ocia-beautiful-gold);
  background:
    radial-gradient(circle at 91% 18%,rgba(196,154,79,.10),transparent 20rem),
    var(--ocia-beautiful-paper);
  box-shadow:0 24px 55px rgba(17,39,53,.09);
}
#ocia-landing .ocia-method:before{display:block;inset:8px}
#ocia-landing .ocia-method .ocia-section-heading{max-width:780px;margin-bottom:34px}
#ocia-landing .ocia-method .ocia-section-heading:before{
  content:"";
  display:block;
  width:22px;
  height:28px;
  margin-bottom:13px;
  background:
    linear-gradient(var(--ocia-beautiful-gold),var(--ocia-beautiful-gold)) center/2px 100% no-repeat,
    linear-gradient(var(--ocia-beautiful-gold),var(--ocia-beautiful-gold)) center 9px/100% 2px no-repeat;
}
#ocia-landing .ocia-method .ocia-section-heading h2{
  font-size:clamp(2.15rem,3.7vw,3.25rem);
  text-wrap:balance;
}
#ocia-landing .ocia-method .ocia-section-heading>p:last-child{margin-top:11px;font-size:1rem}
#ocia-landing .ocia-method-grid{
  gap:0;
  border-top:1px solid #d7c59d;
  border-bottom:1px solid #d7c59d;
}
#ocia-landing .ocia-method-grid article{
  min-height:220px;
  padding:31px 28px 27px;
  border:0;
  border-right:1px solid #d7c59d;
  background:transparent;
}
#ocia-landing .ocia-method-grid article:last-child{border-right:0}
#ocia-landing .ocia-method-grid article>span{font-size:.63rem}
#ocia-landing .ocia-method-grid h3{margin-top:15px;font-size:1.32rem;line-height:1.15}
#ocia-landing .ocia-method-grid p{margin-top:9px;font-size:.92rem;line-height:1.55}
#ocia-landing .ocia-print-handoff{
  margin-top:30px;
  padding:25px 27px;
  border-color:#d4c49f;
  background:#f7f0e3;
  box-shadow:inset 0 0 0 5px rgba(255,253,248,.58);
}
#ocia-landing .ocia-print-handoff>a{
  border-radius:2px;
  background:var(--ocia-beautiful-navy);
  border-color:var(--ocia-beautiful-navy);
  color:#fff;
}
#ocia-landing .ocia-print-handoff>a:hover{background:#134462;color:#fff}

/* Digital table of contents -------------------------------------------- */
#ocia-landing .ocia-lessons{
  width:min(1160px,calc(100% - 42px));
  padding:76px 0 88px;
}
#ocia-landing .lessons-heading{
  position:relative;
  margin-bottom:34px;
  padding:0 0 28px;
}
#ocia-landing .lessons-heading:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:130px;
  height:2px;
  background:var(--ocia-beautiful-gold);
}
#ocia-landing .lessons-heading h2{
  max-width:760px;
  font-size:clamp(2.35rem,4.4vw,4.25rem);
  line-height:1;
  text-wrap:balance;
}
#ocia-landing .lessons-heading>div>p:last-child{max-width:720px;font-size:1rem;line-height:1.6}
#ocia-landing .ocia-search-wrap{
  flex-basis:min(340px,32vw);
  padding:14px 15px 15px;
  border-color:#cbb78a;
  background:rgba(255,253,248,.82);
  box-shadow:0 9px 22px rgba(19,42,56,.045);
}
#ocia-landing .ocia-search-wrap input{min-height:46px;border-radius:2px}
#ocia-landing .ocia-lesson-groups{gap:52px}
#ocia-landing .ocia-lesson-group{gap:17px}
#ocia-landing .ocia-lesson-group-head{
  padding:16px 20px 16px 22px;
  border:1px solid #d0bd91;
  border-left:5px solid var(--ocia-beautiful-gold);
  background:linear-gradient(100deg,#fffdf8 0,#f4ead8 74%,#ead9b9 100%);
  box-shadow:0 8px 20px rgba(26,45,55,.04);
}
#ocia-landing .ocia-lesson-group-head h3{font-size:1.72rem}
#ocia-landing .ocia-lesson-group-head>span{color:#766b58;font-weight:700}
#ocia-landing .ocia-card-grid{gap:14px}
#ocia-landing .ocia-lesson-card{
  min-height:220px;
  padding:24px 23px 21px;
  overflow:hidden;
  border-color:#d8cbb4;
  background:
    linear-gradient(145deg,rgba(255,255,255,.48),transparent 48%),
    var(--ocia-beautiful-paper);
  box-shadow:0 10px 24px rgba(21,44,56,.055);
}
#ocia-landing .ocia-lesson-card:before{height:4px;opacity:.88}
#ocia-landing .ocia-lesson-card:after{
  content:"✦";
  position:absolute;
  right:16px;
  bottom:-5px;
  color:rgba(15,48,73,.045);
  font:400 3.1rem/1 Georgia,serif;
  pointer-events:none;
}
#ocia-landing .ocia-lesson-card:hover{
  transform:translateY(-4px);
  border-color:#b99447;
  box-shadow:0 18px 36px rgba(21,44,56,.10);
}
#ocia-landing .ocia-card-top{position:relative;z-index:1}
#ocia-landing .ocia-card-number{font-size:.7rem}
#ocia-landing .ocia-card-path{
  padding:4px 7px;
  border:1px solid #dfd1b6;
  background:#faf5ec;
}
#ocia-landing .ocia-lesson-card h4{position:relative;z-index:1;margin-top:25px;font-size:1.42rem;line-height:1.13}
#ocia-landing .ocia-lesson-card p{position:relative;z-index:1;font-size:.92rem;line-height:1.5}
#ocia-landing .ocia-card-link{position:relative;z-index:1;font-size:.8rem}

/* Reader rhythm --------------------------------------------------------- */
#ocia-landing .ocia-level2-rhythm{
  position:relative;
  overflow:hidden;
  width:min(1160px,calc(100% - 42px));
  margin:0 auto 58px;
  padding:48px 42px 42px;
  border:1px solid var(--ocia-beautiful-gold);
  background:
    radial-gradient(circle at 94% 10%,rgba(232,199,121,.14),transparent 22rem),
    linear-gradient(145deg,#08263d,#123d5a);
  color:#fff;
  box-shadow:0 20px 42px rgba(14,35,49,.13);
}
#ocia-landing .ocia-level2-rhythm:before{
  content:"";
  position:absolute;
  inset:8px;
  border:1px solid rgba(239,213,141,.28);
  pointer-events:none;
}
#ocia-landing .ocia-level2-rhythm-head{position:relative;z-index:1;gap:44px;margin-bottom:28px}
#ocia-landing .ocia-level2-rhythm-head h2{color:#fff;font-size:clamp(2rem,3.3vw,3.2rem);text-wrap:balance}
#ocia-landing .ocia-level2-rhythm-head p:last-child{color:#d1dce2;font-size:.96rem;line-height:1.58}
#ocia-landing .ocia-level2-rhythm .ocia-eyebrow{color:#efd58d}
#ocia-landing .ocia-evidence-strip{
  position:relative;
  z-index:1;
  gap:0;
  border:1px solid rgba(239,213,141,.32);
  background:rgba(3,19,30,.23);
  box-shadow:none;
}
#ocia-landing .ocia-evidence-strip div{
  min-height:144px;
  padding:25px 18px 20px;
  border-right:1px solid rgba(239,213,141,.2);
  border-bottom:0;
}
#ocia-landing .ocia-evidence-strip div:before{color:#efd58d}
#ocia-landing .ocia-evidence-strip strong{color:#fff;font-size:.96rem}
#ocia-landing .ocia-evidence-strip span{color:#cbd6dc;font-size:.8rem;line-height:1.45}

/* Closing spread -------------------------------------------------------- */
#ocia-landing .ocia-research-standard{
  width:min(1100px,calc(100% - 42px));
  margin-bottom:78px;
  padding:48px;
  border:1px solid #c5aa73;
  background:
    radial-gradient(circle at 8% 88%,rgba(196,154,79,.11),transparent 20rem),
    #fffdf8;
  color:var(--ocia-beautiful-ink);
  box-shadow:0 18px 42px rgba(18,37,49,.08);
}
#ocia-landing .ocia-research-standard:before{border-color:rgba(185,148,71,.28)}
#ocia-landing .ocia-standard-copy .ocia-eyebrow{color:#94712e}
#ocia-landing .ocia-standard-copy h2{color:var(--ocia-beautiful-ink);font-size:clamp(2rem,3.4vw,3.3rem)}
#ocia-landing .ocia-standard-copy>p:last-child{color:#5f6d73;line-height:1.65}
#ocia-landing .ocia-standard-cards{gap:14px}
#ocia-landing .ocia-standard-cards article{
  padding:24px;
  border:1px solid #163c57;
  background:var(--ocia-beautiful-navy);
  box-shadow:0 8px 22px rgba(11,36,55,.10);
}
#ocia-landing .ocia-standard-cards h3{color:#f0d99e}
#ocia-landing .ocia-standard-cards p{color:#d4dee4;line-height:1.55}

.ocia-footer{border-top-color:rgba(223,199,137,.45);background:#071f31}

@media(max-width:960px){
  #ocia-landing .ocia-book-hero{min-height:620px}
  #ocia-landing .ocia-book-hero-inner{
    grid-template-columns:minmax(0,1fr) 245px;
    min-height:620px;
    width:min(100% - 56px,920px);
    gap:34px;
  }
  #ocia-landing .ocia-book-object{width:242px}
  #ocia-landing .ocia-book-hero h1{font-size:clamp(3rem,6vw,4.6rem)}
  #ocia-landing .ocia-card-grid{grid-template-columns:repeat(2,1fr)}
  #ocia-landing .ocia-evidence-strip{grid-template-columns:repeat(2,1fr)}
  #ocia-landing .ocia-evidence-strip div{border-bottom:1px solid rgba(239,213,141,.2)}
  #ocia-landing .ocia-evidence-strip div:nth-child(even){border-right:0}
  #ocia-landing .ocia-evidence-strip div:last-child{grid-column:1/-1;border-bottom:0}
}

@media(max-width:720px){
  .ocia-site-header{min-height:60px;padding:9px 13px}
  .ocia-brand img{width:38px;height:38px}
  .ocia-brand strong{font-size:.69rem;letter-spacing:.16em}
  .ocia-site-nav a.active,.ocia-site-nav a:first-child{min-height:42px;padding:8px 10px;color:#f2d99a}

  #ocia-landing .ocia-book-hero{min-height:0;text-align:center;background-position:61% center}
  #ocia-landing .ocia-book-hero:before{inset:8px}
  #ocia-landing .ocia-book-hero:after{inset:14px}
  #ocia-landing .ocia-book-hero-inner{
    grid-template-columns:1fr;
    width:min(100% - 38px,620px);
    min-height:0;
    padding:36px 0 42px;
    gap:25px;
  }
  #ocia-landing .ocia-book-stage{order:-1;gap:13px}
  #ocia-landing .ocia-book-object{width:min(190px,54vw);transform:rotateZ(.6deg)}
  #ocia-landing .ocia-book-stage figcaption{display:block;font-size:.56rem;letter-spacing:.1em}
  #ocia-landing .ocia-book-hero .ocia-hero-rule{justify-content:center;margin-bottom:12px}
  #ocia-landing .ocia-book-hero .ocia-kicker{font-size:.63rem;line-height:1.55}
  #ocia-landing .ocia-book-hero h1{margin-inline:auto;font-size:clamp(2.55rem,12vw,3.75rem);line-height:.95}
  #ocia-landing .ocia-book-hero .ocia-hero-copy{margin:20px auto 0;font-size:.96rem;line-height:1.6}
  #ocia-landing .ocia-book-hero .ocia-hero-actions{display:grid;grid-template-columns:1fr;margin-top:23px}
  #ocia-landing .ocia-book-hero .ocia-button{width:100%;min-height:48px}
  #ocia-landing .ocia-book-hero-meta{justify-content:center;margin-top:24px;padding-top:14px}
  #ocia-landing .ocia-book-hero-meta span{min-width:31%;padding:0 8px}
  #ocia-landing .ocia-book-hero-meta span:first-child{padding-left:8px}
  #ocia-landing .ocia-book-hero-meta strong{font-size:1.2rem}
  #ocia-landing .ocia-book-hero-meta small{font-size:.56rem}
  #ocia-landing .ocia-book-hero .ocia-independent-note{margin-inline:auto;font-size:.77rem}

  #ocia-landing .ocia-method{
    width:calc(100% - 24px);
    margin-top:38px;
    padding:38px 21px 28px;
  }
  #ocia-landing .ocia-method .ocia-section-heading{margin-bottom:25px}
  #ocia-landing .ocia-method .ocia-section-heading h2{font-size:2.05rem}
  #ocia-landing .ocia-method-grid{grid-template-columns:1fr}
  #ocia-landing .ocia-method-grid article{
    min-height:0;
    padding:23px 18px;
    border-right:0;
    border-bottom:1px solid #d7c59d;
  }
  #ocia-landing .ocia-method-grid article:last-child{border-bottom:0}
  #ocia-landing .ocia-print-handoff{grid-template-columns:1fr;gap:17px;padding:22px 20px}
  #ocia-landing .ocia-print-handoff>a{justify-content:center;white-space:normal;min-height:48px}

  #ocia-landing .ocia-lessons{width:calc(100% - 24px);padding:56px 0 64px}
  #ocia-landing .lessons-heading{display:grid;grid-template-columns:1fr;gap:23px;padding-bottom:24px}
  #ocia-landing .lessons-heading h2{font-size:clamp(2.35rem,10.5vw,3.35rem)}
  #ocia-landing .ocia-search-wrap{width:100%;max-width:none;flex-basis:auto}
  #ocia-landing .ocia-lesson-groups{gap:42px}
  #ocia-landing .ocia-lesson-group-head{align-items:center;padding:14px 15px}
  #ocia-landing .ocia-lesson-group-head h3{font-size:1.43rem}
  #ocia-landing .ocia-card-grid{grid-template-columns:1fr}
  #ocia-landing .ocia-lesson-card{min-height:0;padding:22px 20px 20px}
  #ocia-landing .ocia-lesson-card h4{font-size:1.35rem}

  #ocia-landing .ocia-level2-rhythm{
    width:calc(100% - 24px);
    margin-bottom:40px;
    padding:38px 20px 28px;
  }
  #ocia-landing .ocia-level2-rhythm-head{grid-template-columns:1fr;gap:12px;margin-bottom:22px}
  #ocia-landing .ocia-level2-rhythm-head h2{font-size:2.1rem}
  #ocia-landing .ocia-evidence-strip{grid-template-columns:1fr}
  #ocia-landing .ocia-evidence-strip div,
  #ocia-landing .ocia-evidence-strip div:last-child{grid-column:auto;min-height:0;padding:20px 16px;border-right:0;border-bottom:1px solid rgba(239,213,141,.2)}
  #ocia-landing .ocia-evidence-strip div:last-child{border-bottom:0}

  #ocia-landing .ocia-research-standard{
    width:calc(100% - 24px);
    grid-template-columns:1fr;
    margin-bottom:54px;
    padding:36px 22px;
  }
  #ocia-landing .ocia-standard-copy h2{font-size:2.15rem}
}

@media(max-width:410px){
  #ocia-landing .ocia-book-hero-inner{width:calc(100% - 30px);padding-top:31px}
  #ocia-landing .ocia-book-object{width:min(176px,52vw)}
  #ocia-landing .ocia-book-hero h1{font-size:2.55rem}
  #ocia-landing .ocia-book-hero-meta span{padding-inline:5px}
  #ocia-landing .ocia-book-hero-meta strong{font-size:1.05rem}
  #ocia-landing .ocia-book-hero-meta small{font-size:.52rem}
  #ocia-landing .ocia-method .ocia-section-heading h2{font-size:1.85rem}
  #ocia-landing .ocia-lesson-group-head>span{max-width:100px;text-align:right}
}

@media(prefers-reduced-motion:reduce){
  #ocia-landing .ocia-book-hero .ocia-button,
  #ocia-landing .ocia-lesson-card{transition:none}
}


/* 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;
  }
}