:root{--navy:#21366d;--sky:#47a1d4;--red:#c23c42;--gold:#deb94a;--orange:#d89639}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;color:#20273b;background:#f6f8fb}
.wrap{max-width:1050px;margin:auto;padding:0 20px}.demo{background:var(--gold);color:#4f1f0b;text-align:center;font-weight:700;padding:6px;font-size:14px}
.hero{background:linear-gradient(rgba(18,29,62,.55),rgba(18,29,62,.75)),url(img/front.jpg) center/cover;color:#ffffff;text-align:center;padding:20px 20px 22px}
.sign{display:inline-block;background:var(--navy);border:4px solid #ffffff;border-radius:14px;padding:18px 36px 14px;box-shadow:0 10px 30px #00000088;position:relative}
.stars{background:var(--sky);color:#ffffff;border-radius:8px;letter-spacing:.6em;padding:4px 0 4px .6em;font-size:20px}
.word{font-family:"Brush Script MT","Lobster","Pacifico","Segoe Script","URW Chancery L",cursive;font-style:italic;font-weight:700;color:var(--red);font-size:clamp(3rem,10vw,5.5rem);line-height:1.1;margin-top:6px;
-webkit-text-stroke:2px #ffffff;paint-order:stroke fill;text-shadow:0 3px 0 #00000055}
.laundry{font-weight:900;font-size:clamp(1.6rem,5vw,2.6rem);letter-spacing:.25em;color:#ffffff}
.band{background:var(--gold);color:var(--red);font-weight:800;font-style:italic;border-radius:6px;padding:4px 10px;margin-top:8px;font-size:1.1rem}
.gold{position:absolute;top:-26px;right:-22px;font-size:54px;color:var(--orange);text-shadow:0 0 0 #ffffff,0 2px 6px #00000077}
.tag{font-size:1.2rem;margin-top:22px;text-shadow:0 2px 6px #000000}
.btns{margin-top:20px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{background:var(--red);color:#ffffff;padding:12px 22px;border-radius:30px;text-decoration:none;font-weight:700}.btn.alt{background:var(--gold);color:var(--navy)}
section{padding:36px 0;border-bottom:1px solid #dfe4ed}h2{color:var(--navy);border-left:6px solid var(--sky);padding-left:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{background:#ffffff;border-top:5px solid var(--sky);border-radius:12px;padding:18px;box-shadow:0 2px 8px #00000011}.card h3{color:var(--red)}
.amen{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none}.amen li{background:var(--navy);color:#ffffff;border-radius:20px;padding:8px 14px}
.amen li:before{content:"★ ";color:var(--gold)}.ph{color:#9a5a16;font-style:italic;font-size:.9em}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}figure{margin:0;background:#ffffff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000022}
figure img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}figcaption{padding:10px 14px;font-weight:600;color:var(--navy)}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}table{border-collapse:collapse;width:100%}td{padding:8px;border-bottom:1px solid #dfe4ed}
.small{font-size:.9em}a{color:#2a66ab}footer{background:var(--navy);color:#ffffff;text-align:center;padding:24px}
.fw{font-family:"Brush Script MT","Lobster","Pacifico",cursive;color:var(--red);-webkit-text-stroke:1px #ffffff;font-size:1.6em;font-style:italic}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:700px;background:#ffffff;padding:20px;border-radius:12px;border-top:5px solid var(--sky);box-shadow:0 2px 8px #00000011}
.contact label{display:flex;flex-direction:column;font-weight:600;color:var(--navy);gap:6px}.contact .full{grid-column:1/-1}
.contact input,.contact textarea{font:inherit;padding:10px;border:1px solid #c8d1dd;border-radius:8px}.contact input:focus,.contact textarea:focus{outline:2px solid var(--sky)}
.contact button{border:0;cursor:pointer;justify-self:start;font:inherit;font-weight:700}
.thanks{display:none;background:var(--gold);color:var(--navy);padding:10px 14px;border-radius:8px;font-weight:700}.thanks:target{display:block}
@media(max-width:600px){.contact{grid-template-columns:1fr}}
.fbwrap{display:flex;justify-content:center;flex-wrap:nowrap;gap:10px;padding:14px 12px 0}
.fbbtn{display:inline-flex;align-items:center;gap:10px;background:#337bd7;color:#ffffff;font-weight:700;text-decoration:none;padding:10px 20px;border-radius:30px;white-space:nowrap;box-shadow:0 2px 6px #00000022}
.fbbtn:hover{background:#3073cb}
main.wrap>section:first-child{padding-top:14px}
body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
.bottombar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(33,54,109,.97);box-shadow:0 -4px 14px #00000033}
.bottombar .btn{text-align:center;padding:13px 8px;white-space:nowrap;font-size:clamp(.9rem,3.8vw,1.05rem);max-width:none}
@media(min-width:700px){.bottombar{padding-left:calc(50% - 340px);padding-right:calc(50% - 340px)}}
.card.feature{grid-column:1/-1;background:linear-gradient(135deg,var(--navy),#2f559e);color:#ffffff;border-top:5px solid var(--gold);padding:22px 24px}
.card.feature h3{color:#ffffff;font-size:1.5rem;margin:.3em 0}.card.feature p{font-size:1.05rem;max-width:760px}
.badge{display:inline-block;background:var(--gold);color:var(--red);font-weight:800;border-radius:20px;padding:3px 12px;font-size:.85rem}
.fbtns{display:flex;flex-wrap:wrap;gap:10px}.card.feature .btn.alt{background:var(--gold);color:var(--navy)}
.wifibtn{background:var(--navy)}.wifibtn:hover{background:#1a2c5b}
@media(max-width:420px){.fbbtn{padding:10px 14px;font-size:.9rem;gap:7px}}