:root{--ink:#152c38;--deep:#102b35;--cream:#f8f4eb;--paper:#fffdf7;--gold:#c9a461;--muted:#5d7479}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{font:inherit}a{color:inherit}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 7vw;background:#102b35;color:#f8f1e4;position:absolute;width:100%;z-index:2}.page-nav{position:relative}.brand{font-size:14px;letter-spacing:.16em;color:inherit;text-decoration:none;font-weight:600}.brand-cross{font-size:23px;color:var(--gold);vertical-align:-2px;margin-right:8px}.brand i{font-family:'Cormorant Garamond',serif;font-size:16px;color:#d9b773}.navlinks{display:flex;gap:27px}.navlinks a{color:#e9e3d5;text-decoration:none;font-size:13px;padding:8px 0;border-bottom:1px solid transparent}.navlinks a:hover,.navlinks a.active{color:#e0bd77;border-color:#e0bd77}.hero{min-height:720px;padding:146px 20px 85px;position:relative;isolation:isolate;text-align:center;overflow:hidden;color:#f9f4e9;background:radial-gradient(ellipse at 50% 75%,#315864 0,#183c49 38%,#112e38 68%,#0c222b 100%)}.chapel-glow{position:absolute;width:460px;height:460px;left:50%;bottom:-270px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#f0cd7b 0 1%,#d1a74e 10%,rgba(233,184,79,.25) 36%,transparent 70%);filter:blur(4px);z-index:-1}.stars{position:absolute;inset:0;background-image:radial-gradient(#f7e5b0 1px,transparent 1px),radial-gradient(#f7e5b0 1px,transparent 1px);background-size:91px 83px,137px 113px;background-position:13px 22px,72px 60px;opacity:.25;z-index:-1}.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:var(--gold);font-size:11px;font-weight:600;margin:0 0 18px}.hero-cross{font-size:56px;color:#e2c074;line-height:1;margin-bottom:20px;text-shadow:0 8px 28px rgba(252,211,124,.25)}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;margin:0}.hero h1{font-size:clamp(55px,8vw,104px);letter-spacing:-.04em;line-height:.9}.hero-copy{max-width:570px;margin:27px auto 33px;font-size:16px;line-height:1.75;color:#d9e2df}.gold-button{display:inline-flex;gap:24px;align-items:center;background:#d0aa61;color:#17313b;padding:15px 22px;text-decoration:none;font-weight:600;font-size:13px}.gold-button:hover{background:#e0bd77}.gold-button span{font-size:18px}.live-note{margin-top:45px;color:#d6e0dc;font-size:12px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#dfb864;margin-right:8px;box-shadow:0 0 0 5px rgba(223,184,100,.14)}
.daily-section{padding:90px 7vw;background:#edf1ec}.daily-card{max-width:1050px;margin:auto;display:grid;grid-template-columns:260px 1fr;background:var(--paper);box-shadow:0 18px 50px rgba(27,45,45,.09)}.daily-date{padding:52px 42px;background:#173944;color:#f4eee2;display:flex;flex-direction:column;justify-content:center}.cross-seal{font-size:35px;color:#ddb76e;margin-bottom:25px}.daily-date #daily-date{font:31px 'Cormorant Garamond',serif;line-height:1.1;margin:0}.daily-copy{padding:50px 7%}.daily-copy h2{font-size:45px}.daily-copy blockquote{font:italic 25px/1.45 'Cormorant Garamond',serif;color:#39555c;margin:24px 0 4px}.verse-reference{font-size:12px;color:#a17e3d;text-transform:uppercase;letter-spacing:.14em}.daily-prayer{border-top:1px solid #e5dccb;margin-top:25px;padding-top:22px}.daily-prayer span{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#a17e3d}.daily-prayer p{line-height:1.75;color:#536d72;margin:8px 0 0}
.prayer-section{padding:105px 7vw;background:#f8f4eb}.section-heading{text-align:center;max-width:670px;margin:0 auto 43px}.section-heading h2,.mysteries-section h2,.welcome-section h2,.mission-section>h2,.schedule-section>h2{font-size:clamp(38px,5vw,60px);letter-spacing:-.035em;line-height:1}.section-heading h2 em{color:#9b7c43}.section-heading>p:last-child{line-height:1.7;color:#597079;margin:18px auto 0;max-width:560px}.prayer-card{max-width:1000px;margin:auto;background:var(--paper);box-shadow:0 18px 50px rgba(27,45,45,.1);padding:48px 7%;display:grid;grid-template-columns:100px 1fr 155px;column-gap:34px;align-items:center}.beads{display:flex;align-items:center;flex-direction:column;gap:7px}.beads:before{content:"";width:1px;height:12px;background:#c7a66a}.beads b{width:14px;height:14px;border-radius:50%;background:#6b8e90;border:2px solid #fff;box-shadow:0 0 0 1px #94a9a6}.beads b.active{background:#c8a35e;box-shadow:0 0 0 1px #ad873f,0 0 18px #d5b66d}.crucifix{color:#b18b48;font-size:28px;line-height:1.1}.mystery-number{font-size:11px;letter-spacing:.15em;color:#a18653}.scripture{color:#a98a4f;font:italic 18px 'Cormorant Garamond',serif;margin:14px 0 2px}.mystery-content h3{font-size:43px;line-height:1}.mystery-content>p:last-of-type{color:#577078;font-size:14px;line-height:1.75;max-width:480px}.fruit{border-top:1px solid #e9e1d1;padding-top:14px;font-size:11px;color:#81908d;text-transform:uppercase;letter-spacing:.1em}.fruit strong{color:#9d7d42;margin-left:10px}.steps{border-left:1px solid #ebe1cf;padding-left:21px;display:grid;gap:9px;color:#668083;font-size:12px}.steps span:before{content:'•';color:#c29b50;margin-right:7px}.controls{grid-column:2/4;margin-top:25px;display:flex;gap:13px}.controls button{background:transparent;color:#698080;border:0;padding:8px 0;cursor:pointer;font-size:12px}.controls .next{color:#805e24;font-weight:600;margin-left:auto}.mysteries-section{background:#edf1ec;padding:100px 7vw;text-align:center}.mystery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1020px;margin:42px auto 0}.mystery-tile{border:1px solid transparent;background:#f8f8f3;padding:29px 13px;cursor:pointer;color:var(--ink);transition:.25s}.mystery-tile:hover,.mystery-tile.selected{transform:translateY(-5px);border-color:#c8a260;box-shadow:0 12px 25px rgba(24,54,59,.1)}.mystery-tile>span{font:32px 'Cormorant Garamond';color:#b7914d}.mystery-tile h3{font-size:28px;margin-top:8px}.mystery-tile p{font-size:11px;color:#6e8584;margin:5px 0 0}.welcome-section{padding:95px 10vw;display:grid;grid-template-columns:1fr 1fr;gap:100px;background:#fbf8f0}.welcome-section>div:last-child p{line-height:1.8;color:#5b7378;margin-top:0}.text-link{display:inline-block;color:#96733b;text-decoration:none;font-size:13px;font-weight:600;margin-top:13px}
.page-hero{padding:100px 10vw 90px;background:radial-gradient(circle at 80% 80%,#2a505b,#102c36 60%);color:#f7f1e7;min-height:410px}.page-hero h1{font-size:clamp(55px,8vw,88px);line-height:.9;letter-spacing:-.04em}.page-hero>p:last-child{max-width:570px;color:#d5dfdc;line-height:1.8;margin:28px 0 0}.content-section{padding:95px 10vw}.about-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:90px;align-items:start}.about-grid article h2,.guide-intro h2{font-size:50px;line-height:1}.about-grid article>p:not(.eyebrow),.guide-intro>p:not(.eyebrow){color:#536f74;line-height:1.85}.quote-card{background:#173944;color:#f4eee2;padding:50px 42px}.quote-card>span{font-size:30px;color:#d8ae63}.quote-card blockquote{font:italic 31px/1.35 'Cormorant Garamond',serif;margin:25px 0}.quote-card p{color:#d9b875;font-size:12px;letter-spacing:.12em}.mission-section,.schedule-section{padding:95px 10vw;text-align:center;background:#edf1ec}.mission-section>h2,.schedule-section>h2{max-width:710px;margin:auto}.value-grid,.schedule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1040px;margin:45px auto}.value-grid div,.schedule-grid div{background:#fffdf7;padding:35px 28px}.value-grid b{color:#b18c4a;font:18px 'Cormorant Garamond'}.value-grid h3,.schedule-grid h3{font-size:28px;margin:10px 0 8px}.value-grid p,.schedule-grid p{color:#627a7d;line-height:1.65;font-size:13px}.schedule-grid{grid-template-columns:repeat(4,1fr)}.prayers-list{max-width:1000px;margin:auto}.prayers-list article{display:grid;grid-template-columns:65px 1fr;gap:30px;padding:40px 0;border-bottom:1px solid #ddd4c2}.prayers-list article>span{color:#b28c47;font:20px 'Cormorant Garamond'}.prayers-list h2{font-size:37px}.prayers-list p{color:#526e73;line-height:1.85}.guide-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.guide-intro{position:sticky;top:30px}.guide-steps{list-style:none;padding:0;margin:0}.guide-steps li{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid #ddd4c2}.guide-steps b{font:19px 'Cormorant Garamond';color:#b28c47}.guide-steps h3{font-size:30px}.guide-steps p{color:#5b7478;line-height:1.7;margin:7px 0 0}footer{background:#102c36;color:#eee6d8;text-align:center;padding:55px 20px}footer>span{font-size:26px;color:#d0a85e}footer p{font:27px 'Cormorant Garamond';margin:12px 0 20px}footer p em{color:#d2b375;font-size:16px}.footer-links{display:flex;justify-content:center;gap:22px;margin:0 0 28px}.footer-links a{font-size:12px;color:#c5d0cd;text-decoration:none}footer small{font-size:10px;letter-spacing:.12em;color:#9eb0ac;text-transform:uppercase}
@media(max-width:780px){.topbar{height:auto;min-height:74px;padding:15px 22px;align-items:flex-start}.brand{font-size:12px;max-width:180px}.navlinks{gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:150px}.navlinks a{font-size:10px;padding:3px 0}.hero{min-height:680px;padding-top:160px}.daily-section,.prayer-section,.mysteries-section,.content-section,.mission-section,.schedule-section{padding:70px 20px}.daily-card{grid-template-columns:1fr}.daily-date{padding:30px}.daily-copy{padding:35px 28px}.daily-copy h2{font-size:38px}.prayer-card{grid-template-columns:1fr;padding:30px 25px}.beads{flex-direction:row;justify-content:center;margin-bottom:20px}.beads:before{width:10px;height:1px}.beads b{width:10px;height:10px}.steps{border-left:0;border-top:1px solid #ebe1cf;padding:18px 0 0;margin-top:21px;grid-template-columns:1fr 1fr}.controls{grid-column:1;margin-top:18px}.mystery-grid{grid-template-columns:1fr 1fr;gap:10px}.mystery-tile{padding:20px 8px}.welcome-section,.about-grid,.guide-layout{padding:70px 25px;grid-template-columns:1fr;gap:38px}.guide-intro{position:static}.value-grid,.schedule-grid{grid-template-columns:1fr}.page-hero{padding:85px 25px 70px}.prayers-list article{grid-template-columns:38px 1fr;gap:12px}.footer-links{flex-wrap:wrap}.mystery-content h3{font-size:36px}}