/* Shared styles for The Everyday Apostle program landing pages */
:root{
  --navy:#132846; --navy-2:#1b3355; --navy-deep:#0d1c33;
  --gold:#b8933f; --gold-soft:#d4b06a; --gold-bright:#c9a24f;
  --cream:#f6f1e7; --cream-2:#efe7d7; --card:#fbf8f1;
  --ink:#22262e; --muted:#6b6350; --line:#e4d9c4;
  --shadow:0 18px 45px -22px rgba(13,28,51,.42); --radius:14px; --maxw:1040px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0; font-family:'EB Garamond',Georgia,serif; color:var(--ink); background:var(--cream); font-size:19px; line-height:1.65; -webkit-font-smoothing:antialiased;}
h1,h2,h3,h4{font-family:'Cormorant Garamond',Georgia,serif; font-weight:600; line-height:1.12; margin:0 0 .5em; color:var(--navy-deep); letter-spacing:.2px;}
h1{font-size:clamp(2.4rem,5.5vw,4rem); font-weight:700;}
h2{font-size:clamp(1.8rem,3.4vw,2.5rem);}
p{margin:0 0 1.1em;}
a{color:var(--navy);}
a:hover{color:var(--gold);}
img{max-width:100%; display:block;}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px;}
.eyebrow{font-family:'Inter',sans-serif; text-transform:uppercase; letter-spacing:.28em; font-size:.72rem; font-weight:600; color:var(--gold); margin:0 0 1rem;}
.lede{font-size:1.28rem; color:#463d2c; font-style:italic; font-family:'Cormorant Garamond',serif; font-weight:500;}

.btn{display:inline-flex; align-items:center; gap:.55rem; font-family:'Inter',sans-serif; font-weight:600; font-size:.92rem; letter-spacing:.02em; padding:.85rem 1.6rem; border-radius:999px; border:1.5px solid transparent; cursor:pointer; transition:all .2s ease; text-decoration:none;}
.btn-primary{background:var(--navy); color:#fff;}
.btn-primary:hover{background:var(--navy-deep); color:#fff; transform:translateY(-1px);}
.btn-gold{background:var(--gold); color:#241a08;}
.btn-gold:hover{background:var(--gold-soft); color:#241a08; transform:translateY(-1px);}
.btn-ghost{background:transparent; color:#f4e9d8; border-color:var(--gold-soft);}
.btn-ghost:hover{background:#fff; color:var(--navy-deep); border-color:#fff;}

/* Header */
header.site{position:sticky; top:0; z-index:50; background:rgba(246,241,231,.92); backdrop-filter:blur(10px); border-bottom:1px solid var(--line);}
.navbar{display:flex; align-items:center; justify-content:space-between; padding:12px 24px; max-width:var(--maxw); margin:0 auto;}
.brand{display:flex; align-items:center; gap:.7rem; font-family:'Cormorant Garamond',serif; font-weight:700; font-size:1.3rem; color:var(--navy-deep); text-decoration:none; line-height:1;}
.brand .mark{height:46px; width:46px; border-radius:50%; overflow:hidden; background:var(--cream); border:1px solid var(--line); flex:0 0 auto;}
.brand .mark img{width:100%; height:100%; object-fit:cover;}
.brand .brandtext small{display:block; font-family:'Inter',sans-serif; font-weight:500; font-size:.6rem; letter-spacing:.22em; text-transform:uppercase; color:var(--gold); margin-top:3px;}
nav.links{display:flex; gap:1.5rem; align-items:center; font-family:'Inter',sans-serif; font-size:.9rem; font-weight:500;}
nav.links a{color:var(--ink); text-decoration:none;}
nav.links a:hover{color:var(--gold);}
nav.links .btn{padding:.55rem 1.2rem;}
.nav-toggle{display:none; background:none; border:none; cursor:pointer; padding:6px;}
.nav-toggle span{display:block; width:24px; height:2px; background:var(--navy-deep); margin:5px 0;}

/* Program hero */
.phero{background:linear-gradient(180deg,var(--navy),var(--navy-deep)); color:#f2e7d5; position:relative; overflow:hidden;}
.phero .wrap{padding:70px 24px 76px; position:relative; z-index:1;}
.phero .crumb{font-family:'Inter',sans-serif; font-size:.8rem; letter-spacing:.04em; margin-bottom:1.6rem;}
.phero .crumb a{color:var(--gold-soft); text-decoration:none;}
.phero .crumb a:hover{color:#fff;}
.phero .trilogy-label{font-family:'Inter',sans-serif; text-transform:uppercase; letter-spacing:.24em; font-size:.72rem; font-weight:600; color:var(--gold-soft); margin-bottom:1rem;}
.phero h1{color:#fbf3e4; margin-bottom:.25em;}
.phero .tagline{font-family:'Cormorant Garamond',serif; font-style:italic; font-size:1.5rem; color:var(--gold-soft); margin-bottom:1.6rem;}
.phero .intro{color:#e6d2b4; font-size:1.16rem; max-width:720px;}
.meta-bar{display:flex; flex-wrap:wrap; gap:1px; margin-top:2.2rem; border:1px solid rgba(201,164,95,.3); border-radius:12px; overflow:hidden; background:rgba(201,164,95,.18);}
.meta-bar .cell{flex:1 1 140px; background:rgba(13,28,51,.55); padding:16px 20px;}
.meta-bar .cell .k{font-family:'Inter',sans-serif; text-transform:uppercase; letter-spacing:.16em; font-size:.62rem; color:var(--gold-soft); font-weight:600;}
.meta-bar .cell .v{font-family:'Cormorant Garamond',serif; font-size:1.35rem; color:#fbf3e4; margin-top:2px;}
.phero .cta{display:flex; gap:1rem; flex-wrap:wrap; margin-top:2.2rem;}

/* Trilogy flow */
.flowbar{background:var(--cream-2); border-bottom:1px solid var(--line);}
.flowbar .wrap{display:flex; align-items:center; justify-content:center; gap:.6rem; flex-wrap:wrap; padding:20px 24px; font-family:'Cormorant Garamond',serif; font-size:1.3rem; color:var(--muted);}
.flowbar .step{color:var(--muted);}
.flowbar .step.active{color:var(--navy-deep); font-weight:600;}
.flowbar .arrow{color:var(--gold);}

section{padding:72px 0;}
.section-head{max-width:720px; margin:0 auto 2.4rem;}
.section-head.center{text-align:center;}

/* Prose intro */
.about .wrap{max-width:760px;}
.about .pull{border-left:3px solid var(--gold); padding-left:1.2rem; font-style:italic; color:var(--navy); font-family:'Cormorant Garamond',serif; font-size:1.5rem; line-height:1.3; margin:1.6rem 0;}

/* Five layers */
.layers{background:linear-gradient(180deg,#efe7d7,#f6f1e7);}
.layer-row{display:flex; flex-wrap:wrap; gap:14px; margin-top:1.8rem;}
.layer{flex:1 1 160px; background:var(--card); border:1px solid var(--line); border-radius:12px; padding:20px; box-shadow:0 10px 30px -24px rgba(13,28,51,.5);}
.layer .n{font-family:'Inter',sans-serif; font-size:.66rem; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--gold);}
.layer h4{font-size:1.35rem; margin:.3rem 0 .2rem;}
.layer p{font-size:.92rem; color:#544a37; margin:0;}

/* Stations */
.stations .wrap{max-width:840px;}
.station{display:flex; gap:1.4rem; padding:1.4rem 0; border-bottom:1px solid var(--line);}
.station:last-child{border-bottom:none;}
.station .idx{font-family:'Cormorant Garamond',serif; font-weight:700; font-size:1.9rem; color:var(--gold); line-height:1; min-width:2.4rem; text-align:center; padding-top:2px;}
.station .body h4{font-size:1.4rem; margin:0 0 .15rem;}
.station .body p{margin:0; color:var(--muted); font-style:italic; font-family:'Cormorant Garamond',serif; font-size:1.12rem;}

/* Trilogy nav (prev/next) */
.tnav{background:var(--cream);}
.tnav .row{display:flex; gap:20px; flex-wrap:wrap;}
.tnav a{flex:1 1 260px; display:block; background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:24px 26px; text-decoration:none; transition:all .2s ease; box-shadow:0 10px 30px -24px rgba(13,28,51,.5);}
.tnav a:hover{transform:translateY(-3px); border-color:var(--gold-soft); box-shadow:var(--shadow);}
.tnav .dir{font-family:'Inter',sans-serif; text-transform:uppercase; letter-spacing:.16em; font-size:.66rem; font-weight:600; color:var(--gold);}
.tnav .nm{font-family:'Cormorant Garamond',serif; font-size:1.55rem; color:var(--navy-deep); margin-top:.2rem;}
.tnav .ds{color:var(--muted); font-size:.98rem; margin-top:.15rem;}
.tnav a.next{text-align:right;}

/* CTA band */
.cta-band{background:linear-gradient(180deg,var(--navy),var(--navy-deep)); color:#f1e6d3; text-align:center;}
.cta-band h2{color:#fbf3e4;}
.cta-band p{color:#e6d2b4; max-width:600px; margin:0 auto 1.8rem;}
.cta-band .closing{font-family:'Cormorant Garamond',serif; font-style:italic; font-size:1.35rem; color:var(--gold-soft); margin-top:2.2rem;}

/* Footer */
footer.site{background:var(--navy-deep); color:#e7d6bd; padding:44px 0 30px;}
footer.site .wrap{display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; align-items:center;}
footer.site .brand{color:#f4e6cd;}
footer.site a{color:#d8c39c; text-decoration:none;}
footer.site a:hover{color:var(--gold-soft);}
footer.site .fnav{display:flex; gap:1.4rem; flex-wrap:wrap; font-family:'Inter',sans-serif; font-size:.88rem;}
.foot-verse{width:100%; margin-top:22px; padding-top:18px; border-top:1px solid rgba(201,164,95,.2); font-family:'Inter',sans-serif; font-size:.8rem; color:#bda884; display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap;}
.foot-verse i{font-family:'Cormorant Garamond',serif;}

@media (max-width:760px){
  nav.links{display:none;}
  .tnav a.next{text-align:left;}
  section{padding:56px 0;}
}