:root{--pink:#e30b5a;--ink:#1d1e20;--navy:#0d141a}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Poppins','DM Sans',sans-serif;color:#1d1e20;background:#fff;line-height:1.55;font-size:16px}
img{max-width:100%;display:block}a{color:inherit}
.site-header{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.14)}
.hdr{display:flex;align-items:center;justify-content:space-between;height:135px;padding:0 36px 0 36px;max-width:1700px;margin:0 auto;gap:24px}
.logo img{width:301px;height:auto}
.main-nav{display:flex;gap:40px;margin:0 auto}
.main-nav a{text-decoration:none;color:var(--navy);font-size:22px;font-weight:300;padding:2px 0;border-bottom:2px solid transparent}
.main-nav a:hover,.main-nav a.active{border-bottom-color:var(--navy)}
.soc{display:flex;gap:14px;align-items:center}.soc svg{display:block}
.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px}
.nav-toggle span{display:block;width:26px;height:3px;background:#000;margin:5px 0}
.btn{display:inline-block;color:#fff;border:1px solid #fff;border-radius:28px;padding:14px 48px;font-size:22px;text-decoration:none;font-weight:400;background:transparent}
.btn:hover{background:#fff;color:var(--ink)}
.btn.fill{background:var(--pink);border-color:var(--pink)}.btn.fill:hover{background:#c20a4d;color:#fff}
[style*="background-image"]{background-size:cover;background-position:center}
h1,h2,h3{font-weight:600}
/* hero */
.hero{min-height:573px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:40px 20px}
.hero-in{max-width:1000px}.hero h3{font-size:54px;line-height:1.2;margin-bottom:30px}
.hero p{font-size:18px;margin-bottom:60px}
.why{padding:36px 20px 70px;text-align:center}
.why h3{font-size:48px;margin-bottom:22px}
.lead{max-width:1100px;margin:0 auto 46px;text-align:justify;font-size:18px;text-align-last:center}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 40px;max-width:1230px;margin:0 auto}
.wc img{width:100%;aspect-ratio:359/249;object-fit:cover;border-radius:22px}
.wc h5{font-size:28px;font-weight:600;color:#000;margin-top:22px}
.fac{padding:80px 20px 80px;color:#fff;text-align:center}
.fac-in{max-width:900px;margin:0 auto}
.fac h1,.loc h1{font-size:48px;margin-bottom:26px}
.fac p,.loc p{font-size:18px;text-align:justify;margin-bottom:38px}
.about-pink{background:rgba(227,11,90,.85);padding:60px 20px}
.ap-in{max-width:1230px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;color:#fff}
.ap-in h3{font-size:48px;margin-bottom:24px}.ap-in p{font-size:16px;text-align:justify;margin-bottom:36px}
.ap-in img{width:100%;max-width:461px;aspect-ratio:461/442;object-fit:cover;border-radius:22px;margin-left:auto}
.loc{padding:80px 20px;color:#fff;text-align:center}.loc-in{max-width:760px;margin:0 auto}.loc p{margin-bottom:0;font-size:17px}
/* about */
.abn{padding:70px 20px 80px;color:#fff;text-align:center}.abn-in{max-width:1200px;margin:0 auto}
.abn h3{font-size:48px;margin-bottom:36px}.abn p{font-size:17px;text-align:justify;margin-bottom:36px}
.amen{background:rgba(227,11,90,.43);padding:50px 20px 80px;text-align:center}
.amen h3{color:#fff;font-size:48px;margin-bottom:40px}
.ag{gap:34px 30px;max-width:1240px}
.ac{background:#fff}.ac img{width:100%;aspect-ratio:390/224;object-fit:cover}
.ac h4{background:#e93f85;color:#fff;font-size:22px;font-weight:600;padding:32px 10px}
.join{padding:90px 20px 80px;color:#fff;text-align:center}.join-in{max-width:1000px;margin:0 auto}
.join h1{font-size:48px;margin-bottom:28px}.join p{font-size:18px;text-align:justify;margin-bottom:34px}
/* facilities */
.fh{padding:60px 20px 40px;color:#fff;text-align:center}.fh-in{max-width:1245px;margin:0 auto}
.fh h1{font-size:48px;margin-bottom:24px}.fh-in>p{max-width:745px;margin:0 auto 60px;text-align:justify;font-size:18px}
.icg{gap:30px}.ic{position:relative;border-radius:14px;overflow:hidden;min-height:400px}
.ic img{width:100%;height:320px;object-fit:cover}
.ib{position:absolute;left:0;right:0;bottom:0;background:rgba(213,12,86,.92);padding:22px 18px;border-radius:12px;margin:0 0 0 0}
.ib h4{font-size:19px;font-weight:600;margin-bottom:8px}.ib p{font-size:14px;line-height:1.4}
.dine{padding:60px 20px;background:#fff}.dine-in{max-width:1230px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.dine h1{font-size:48px;margin-bottom:22px}.dine p{font-size:18px;text-align:justify}
.dine img{width:100%;max-width:509px;aspect-ratio:509/361;object-fit:cover;border-radius:22px;margin-left:auto}
.ofac{padding:70px 20px 90px;color:#fff}.ofac-in{max-width:1245px;margin:0 auto}
.ofac h1{font-size:48px;text-align:center;margin-bottom:48px}
.fcg{gap:60px 40px;align-items:stretch}
.fc{background:linear-gradient(135deg,#ee5a98,#d4246a);border-radius:20px;padding:26px 24px 30px;text-align:center;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.fc h2{font-size:30px;margin-bottom:16px;line-height:1.2}.fc p{font-size:16px;text-align:justify;color:#1d1e20}
.meal{background:var(--navy);color:#fff;padding:70px 20px 80px;text-align:center}
.meal h3{font-size:48px;margin-bottom:24px}.meal .lead{font-size:16px;text-align-last:auto;max-width:1100px}
.mg{gap:30px}.mc{background:linear-gradient(135deg,#ee5a98,#d4246a);border-radius:16px;padding:24px 22px;text-align:center;color:#fff}
.mc h4{color:var(--navy);font-size:24px;margin-bottom:12px}.mc p{font-size:15px;text-align:justify}
.hall{background:var(--ink);color:#fff;padding:70px 20px 60px;text-align:center}
.hall h1{font-size:48px;margin-bottom:22px}.hall>p{max-width:760px;margin:0 auto 50px;font-size:18px}
.hg{gap:30px}.hg img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px}
/* gallery */
.gal{background:rgba(227,11,90,.56);padding:60px 20px 70px;text-align:center}
.gal h3{font-size:40px;margin-bottom:14px}.gal>p{font-size:18px;max-width:600px;margin:0 auto 44px;line-height:1.4}
.gg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1245px;margin:0 auto}
.gg a{display:block}.gg img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px}
.gg a:last-child:nth-child(4n+1){grid-column:1}
/* contact */
.ct{padding:90px 20px 70px;color:#fff}.ct-in{max-width:1230px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.ct h3{font-size:48px;margin-bottom:24px}.ct h4{font-size:24px;font-weight:600;margin:38px 0 8px}
.ct p{font-size:16px;max-width:520px}.ct a{text-decoration:underline}
.cform label{display:block;font-size:19px;margin-bottom:18px}
.cform input,.cform textarea{display:block;width:100%;margin-top:6px;padding:14px 16px;border:0;border-radius:10px;background:#fff;font:inherit;font-size:14px}
.cform textarea{height:120px;resize:vertical}
.cform button{background:#000;color:#fff;border:0;border-radius:30px;padding:14px 54px;font:inherit;font-size:16px;cursor:pointer;margin:14px auto 0;display:block}
.cform button:hover{background:#222}#form-note{text-align:center;margin-top:10px;font-size:14px}
/* footer */
.site-footer{background:#fff}
.fgrid{background:rgba(168,168,168,.45);display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding:30px 40px 24px;align-items:start}
.f1 img{width:156px;margin-bottom:6px}.f1 p{font-size:16px;text-align:justify;max-width:330px}
.f2 h4,.f3 h4{font-size:20px;font-weight:600;margin-bottom:10px}
.f2 p{font-size:15px;margin-bottom:18px;max-width:340px}.f2 a{text-decoration:underline}
.f3 img{width:353px;max-width:100%;height:auto}
.copy{background:var(--pink);color:#fff;text-align:center;padding:14px 10px;font-size:14px}.copy a{text-decoration:underline}
.wa{position:fixed;right:18px;bottom:18px;width:54px;height:54px;border-radius:50%;background:#0e8a64;display:flex;align-items:center;justify-content:center;z-index:70;box-shadow:0 3px 10px rgba(0,0,0,.3)}
@media(max-width:1100px){
 .hdr{height:100px;padding:0 20px}.logo img{width:200px}
 .nav-toggle{display:block;order:3}.soc{margin-left:auto}
 .main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;gap:14px;padding:18px 24px 24px;box-shadow:0 8px 14px rgba(0,0,0,.12);margin:0}
 .main-nav.open{display:flex}.main-nav a{font-size:20px}
 .hero h3{font-size:40px}
 .g3,.gg{grid-template-columns:1fr 1fr}
 .ap-in,.dine-in,.ct-in,.fgrid{grid-template-columns:1fr}
 .ap-in img,.dine img{margin:0 auto}
}
@media(max-width:640px){
 .g3,.gg{grid-template-columns:1fr}
 .hero h3{font-size:32px}.why h3,.fac h1,.loc h1,.ap-in h3,.abn h3,.amen h3,.join h1,.fh h1,.dine h1,.ofac h1,.meal h3,.hall h1,.ct h3{font-size:34px}
 .btn{font-size:18px;padding:12px 36px}.gal h3{font-size:30px}
 .soc svg{width:24px;height:24px}
}