@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600;700&display=swap');
.mobile-site{display:none}
.mobile-site *{box-sizing:border-box}.mobile-site{scroll-behavior:smooth}.mobile-site{margin:0;background:#f7f0e4;color:#213c29;font-family:Arial,sans-serif;line-height:1.6}.mobile-site a{color:inherit}.mobile-site .top{padding:15px 20px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcd8c9}.mobile-site .brand{font-family:'Oswald',Impact,'Arial Narrow',sans-serif;color:#860d09;font-size:24px;letter-spacing:.5px;text-decoration:none;line-height:1.1}.mobile-site .brand small{display:block;font-family:Arial,sans-serif;color:#365035;font-size:9px;letter-spacing:1.8px;margin-top:6px}.mobile-site .top>a:last-child{background:#850c08;color:white;padding:10px 15px;text-decoration:none;border-radius:4px;font-weight:bold;font-size:12px;min-height:44px}.mobile-site .nav{display:flex;justify-content:center;gap:30px;padding:10px 15px;font-size:12px;font-weight:bold}.mobile-site .nav a{text-decoration:none;min-height:28px}.mobile-site .hero{text-align:center;overflow:hidden}.mobile-site .logo{width:88px;height:88px;border-radius:50%;margin:8px auto 12px;background-image:url('recioh-homepage.png');background-size:375% auto;background-position:left top}.mobile-site .eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px;color:#6c795a}.mobile-site .hero h1{font-family:'Oswald',Impact,'Arial Narrow',sans-serif;font-size:44px;line-height:1.1;color:#860d09;letter-spacing:1px;margin:10px 10px 0;font-weight:700}.mobile-site .hero h1 span{color:#263e29}.mobile-site .tagline{font-family:Georgia,serif;font-style:italic;font-weight:bold;font-size:22px;margin:10px 10px 16px}.mobile-site .hero p{font-size:14px;line-height:1.6;margin:0 25px 20px;color:#4d584a}.mobile-site .buttons{display:flex;gap:10px;margin:0 20px 20px}.mobile-site .button{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:4px;text-decoration:none;font-weight:bold;font-size:13px;padding:12px 17px;flex:1;background:#850c08;color:white}.mobile-site .button.outline{border:1px solid #4c6245;background:transparent;color:#2d482f}.mobile-site .photo{position:relative;margin-top:8px}.mobile-site .photo img{display:block;width:100%;aspect-ratio:1.4;object-fit:cover}.mobile-site .photo:before{content:'';position:absolute;inset:0 0 auto;height:35px;background:linear-gradient(#f7f0e4,transparent)}.mobile-site .photo:after{content:'';position:absolute;inset:auto 0 0;height:35px;background:linear-gradient(transparent,#f7f0e4)}.mobile-site .occasions{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:18px 14px 25px;text-align:center;font-size:9px;font-weight:bold;letter-spacing:.3px}.mobile-site .occasions span{font-size:22px;display:block;margin-bottom:5px}.mobile-site .details{padding:0 20px 24px;scroll-margin-top:12px}.mobile-site .card{border:1px solid #d9d2bf;border-radius:8px;padding:24px 22px;margin-bottom:18px;background:#fffbf3}.mobile-site .card h2{font-family:'Oswald',Impact,'Arial Narrow',sans-serif;font-weight:400;letter-spacing:.7px;font-size:27px;margin:0 0 10px;color:#850c08}.mobile-site .card p{font-size:14px;color:#4c5547;margin:0 0 19px}.mobile-site .card .button{flex:none;width:100%}.mobile-site .story img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-radius:4px;margin:16px 0}.mobile-site .green{background:#324930;color:#fff;border:0}.mobile-site .green h2{color:#f0d9a2}.mobile-site .green p{color:#e0e8d6}.mobile-site .green .button{background:#f7f0e4;color:#2c432c}.mobile-site .contact{text-align:center;padding:18px 22px 28px}.mobile-site .contact h2{font-family:Georgia,serif;font-size:25px;font-style:italic;margin:0 0 12px}.mobile-site .contact p{font-size:13px;margin-bottom:20px}.mobile-site .email{display:block;overflow-wrap:anywhere;margin:19px 0 10px;font-size:15px;font-weight:bold}.mobile-site .social{display:flex;justify-content:center;gap:20px;font-size:13px}.mobile-site .social a{padding:10px 4px}.mobile-site footer{background:#324930;color:#e7cca0;text-align:center;padding:23px 15px;font-size:11px;letter-spacing:1.2px}.mobile-site a:focus-visible{outline:3px solid #bb5c30;outline-offset:3px}

@media(max-width:800px){.page{display:none}.mobile-site{display:block}body{background:#f7f0e4}}
.mobile-site .top{gap:10px}.mobile-site .top>a:last-child{white-space:nowrap;padding:10px 12px}.mobile-site .buttons .button{white-space:nowrap;padding:12px 9px}.mobile-site .brand{font-size:clamp(19px,5.5vw,24px)}
