:root{--navy:#101d32;--blue:#345c8b;--sky:#dceaf1;--cream:#f7f3e9;--red:#bd4c3b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--navy);margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{z-index:20;background:#fff;border-bottom:1px solid #101d3214;justify-content:space-between;align-items:center;height:86px;padding:0 clamp(20px,6vw,90px);display:flex;position:sticky;top:0}.logo{letter-spacing:.08em;align-items:center;gap:12px;font-weight:900;display:flex}.logo b{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-family:Georgia,serif;font-size:25px;display:grid}.logo small{letter-spacing:.18em;margin-top:3px;font-size:8px;display:block}nav{text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:28px;font-size:11px;font-weight:900;display:flex}.navcta{background:var(--red);color:#fff;padding:13px 18px}.hero{background:linear-gradient(135deg,var(--navy),#1f3d61);color:#fff;grid-template-columns:1.15fr .85fr;align-items:center;min-height:720px;padding:90px clamp(24px,8vw,120px);display:grid;position:relative;overflow:hidden}.copy{z-index:2;position:relative}.eyebrow{letter-spacing:.22em;color:#9bc3dc;font-size:12px;font-weight:900}.eyebrow.navy{color:var(--blue)}h1,h2{letter-spacing:-.045em;margin:20px 0;font-family:Georgia,serif;font-weight:400;line-height:.94}.hero h1{max-width:900px;font-size:clamp(62px,8vw,112px)}.hero h1 i{color:#9bc3dc;font-weight:400}.hero .copy>p:not(.eyebrow){color:#ffffffc4;max-width:650px;font-size:19px;line-height:1.75}.buttons{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.primary,.secondary{text-transform:uppercase;letter-spacing:.14em;padding:17px 24px;font-size:11px;font-weight:900;display:inline-flex}.primary{background:var(--red);color:#fff}.primary.cream{background:var(--cream);color:var(--navy)}.secondary{color:#fff;border:1px solid #fff6}.secondary.dark{border-color:var(--navy);color:var(--navy)}.symbol{place-items:center;width:330px;height:400px;margin:auto;display:grid;position:relative}.symbol:before,.symbol:after{content:"";border:1px solid #9bc3dc66;border-radius:50%;position:absolute;inset:0}.symbol:after{inset:45px}.symbol>span{color:#9bc3dc;font-size:42px;position:absolute;top:25px}.openBook{color:#9bc3dc;border:4px solid #9bc3dc;border-top:0;border-radius:0 0 90px 90px;place-items:center;width:180px;height:140px;font-family:Georgia,serif;font-size:76px;display:grid}.sun{background:#9bc3dc0c;border-radius:50%;width:600px;height:600px;position:absolute;top:-250px;right:-200px}.verse{background:var(--red);color:#fff;justify-content:space-between;align-items:center;gap:30px;padding:28px clamp(24px,8vw,120px);display:flex}.verse p{margin:0;font-family:Georgia,serif;font-size:21px}.verse span{letter-spacing:.2em;font-size:10px;font-weight:900}.about,.visit{grid-template-columns:1fr 1fr;gap:10vw;padding:clamp(80px,10vw,145px) clamp(24px,8vw,120px);display:grid}.about h2,.visit h2,.invitation h2{font-size:clamp(50px,6vw,84px)}.text,.details{font-size:19px;line-height:1.8}.text p:first-child{font-size:23px}.cards{grid-template-columns:repeat(3,1fr);gap:18px;padding:0 clamp(24px,8vw,120px) 120px;display:grid}.cards article{border-bottom:5px solid var(--red);background:#fff;padding:42px;box-shadow:0 25px 55px #101d3210}.cards span{color:var(--red);font-size:11px;font-weight:900}.cards h3{margin:24px 0 12px;font-family:Georgia,serif;font-size:32px}.cards p{color:#4f5f72;line-height:1.7}.invitation{text-align:center;background:var(--blue);color:#fff;padding:130px 24px}.invitation h2{margin-bottom:35px}.details{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.details .buttons{margin-top:18px}footer{color:#fff;background:#09121f;justify-content:space-between;align-items:center;gap:30px;padding:45px clamp(24px,8vw,120px);display:flex}footer p{color:#fff8;text-align:right;font-size:11px}@media (max-width:760px){header nav>a:not(.navcta){display:none}.hero{grid-template-columns:1fr;min-height:680px}.hero h1{font-size:59px}.symbol{opacity:.16;position:absolute;bottom:-120px;right:-100px}.verse{display:block}.verse span{margin-top:10px;display:block}.about,.visit{grid-template-columns:1fr;gap:42px}.cards{grid-template-columns:1fr;padding-bottom:80px}footer{flex-direction:column;align-items:flex-start}footer p{text-align:left}.logo{font-size:12px}.logo b{width:38px;height:38px}}
