:root{--g:#13362F;--au:#A5863F;--bs-primary:#13362F;--bs-primary-rgb:19,54,47;--bs-link-color:#13362F;--bs-link-hover-color:#A5863F;--bs-body-font-family:Montserrat,system-ui,sans-serif;--bs-body-font-size:.95rem;--bs-body-line-height:1.7}
h1,h2,h3,h4,.h4{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;color:var(--g);line-height:1.15}h2{font-size:clamp(1.9rem,4vw,2.6rem)}
.bg-alt{background:#F6F1E4}.tag,.kicker{color:var(--au);letter-spacing:.25em;text-transform:uppercase;font-size:.75rem}.kicker{color:#e4cd8f;letter-spacing:.3em}
.navbar{border-bottom:1px solid #e5dfce}.navbar-nav{gap:.4rem}.navbar .btn-gold{margin-left:1.2rem}.topnav{display:none!important}@media(min-width:992px){.topnav{display:flex!important}.sidehide{display:none}}.nav-link{padding-inline:.7rem!important;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.nav-link.active,.nav-link:hover{color:var(--g)!important;box-shadow:inset 0 -2px var(--au)}
.btn-gold{--bs-btn-bg:#A5863F;--bs-btn-border-color:#A5863F;--bs-btn-color:#fff;--bs-btn-hover-bg:#13362F;--bs-btn-hover-border-color:#13362F;--bs-btn-hover-color:#fff;--bs-btn-active-bg:#13362F;--bs-btn-active-color:#fff;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;border-radius:0;padding:.8rem 1.7rem}
.navbar-brand{perspective:900px;padding:0}.flip{display:grid;transform-style:preserve-3d;transition:transform 1s}.flip.f{transform:rotateY(180deg)}
.face{grid-area:1/1;display:flex;align-items:center;gap:12px;backface-visibility:hidden}.nm{display:flex;flex-direction:column;line-height:1.15}.nm b{font-size:1.05rem;letter-spacing:.12em;color:var(--g)}.nm small{font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--au)}
.bk{transform:rotateY(180deg);background:var(--g);color:#e4cd8f;justify-content:center;text-align:center;font:600 .9rem/1.3 "Cormorant Garamond",Georgia,serif;letter-spacing:.14em;text-transform:uppercase;padding:0 18px}
.hero{position:relative;overflow:hidden;color:#fff;background:var(--g);display:flex;align-items:center}.hero-s{min-height:44vh}.hero-home{height:80vh;min-height:520px;display:block}
.hero h1{color:#fff;font-size:clamp(2.4rem,6vw,4.5rem)}.hero-in{position:relative;z-index:2;padding:4rem 0}.hero-abs{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:3}
.bgm{position:absolute;inset:0;background-size:cover;background-position:center;animation:kb 20s ease-in-out infinite alternate}.bgm::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(10,30,26,.3),rgba(10,30,26,.58))}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.15) translate(-1.5%,-1%)}}
.card{overflow:hidden;border-radius:0}.card-img-top{height:220px;object-fit:cover;transition:transform 1s}.card:hover .card-img-top{transform:scale(1.08)}
.gal{position:relative;overflow:hidden}.gal img{width:100%;height:240px;object-fit:cover;transition:transform 1s}.gal:hover img{transform:scale(1.08)}.gal span{position:absolute;left:12px;bottom:10px;color:#fff;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 6px #000}
.ph-box{height:340px;display:flex;align-items:flex-end;padding:14px;color:#fff;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(135deg,#13362F,#2b6b59 60%,#A5863F)}
.accordion-button:not(.collapsed){color:var(--g);background:#F6F1E4}.form-control,.form-select{border-radius:0;padding:.75rem}
footer{background:var(--g);color:#e9e4d2;font-size:.85rem}footer b,footer em,footer a{color:#e4cd8f}
.wa{position:fixed;right:16px;bottom:16px;z-index:1030;background:#25D366;color:#fff;text-decoration:none;padding:.7rem 1.1rem;border-radius:30px;font-weight:600;font-size:.8rem;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.bgm.vid{animation:none;background-size:cover}.bgm video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vtop{z-index:1}.hero-abs{z-index:3}
.menu-btn{margin-left:.8rem;background:none;border:1px solid #cfc6ad;color:var(--g);padding:.55rem .9rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.menu-btn:hover{border-color:var(--au)}.menu-btn span::after{content:" \2630";font-size:1rem;vertical-align:-1px}
.side a{display:block;padding:.85rem 0;border-bottom:1px solid #e5dfce;text-decoration:none;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}.side a:hover,.side a.active{color:var(--au)}.offcanvas{--bs-offcanvas-width:340px}
.av{width:72px;height:72px;border-radius:50%;background:var(--g);color:#e4cd8f;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font:600 1.5rem "Cormorant Garamond",Georgia,serif;letter-spacing:.06em}#spinner{position:fixed;inset:0;z-index:99999;background:#fff;display:flex;align-items:center;justify-content:center;transition:opacity .5s,visibility .5s;opacity:0;visibility:hidden}#spinner.show{opacity:1;visibility:visible}.topbar{background:#0d2621;color:#e4cd8f;font-size:.72rem;letter-spacing:.08em;padding:.4rem 0}.topbar a,.social a{color:#e4cd8f;text-decoration:none}.social a{font-size:1.15rem;margin-right:.9rem}.ico{width:1em;height:1em;vertical-align:-.12em}.side-social a{color:#13362F;display:inline-flex;width:46px;height:46px;border:1px solid #cfc6ad;align-items:center;justify-content:center;margin:0 .35rem;font-size:1.25rem;text-decoration:none}.side-social a:hover{color:#fff;background:#A5863F;border-color:#A5863F}.social a:hover{color:#fff}.cur button{background:none;border:1px solid rgba(228,205,143,.55);color:#e4cd8f;padding:.05rem .65rem;font-size:.7rem;letter-spacing:.1em;cursor:pointer}.cur button.on{background:#A5863F;border-color:#A5863F;color:#fff}.price{color:var(--au);font-weight:600;font-size:.8rem;letter-spacing:.06em;margin-bottom:.6rem}.badge.pay{background:#13362F;font-weight:500;letter-spacing:.06em;border-radius:0;padding:.5em .8em}.badge.pay.soon{background:#A5863F}.hero h1,.hero p,.hero .kicker{text-shadow:0 2px 14px rgba(0,0,0,.5)}.ql{columns:2;margin:.5rem 0 0;padding:0}.ql li{margin-bottom:.35rem}#heroCar .carousel-item{height:100%}
@media(prefers-reduced-motion:reduce){.bgm{animation:none}.bgm video{display:none}.flip{transition:none}}
@media(min-width:992px) and (max-width:1279px){.navbar .container-fluid{padding-inline:.8rem!important}.nav-link{padding-inline:.4rem!important;font-size:.64rem;letter-spacing:.08em}.navbar .btn-gold{padding:.6rem .9rem;margin-left:.5rem;font-size:.66rem}.menu-btn{padding:.45rem .6rem;margin-left:.4rem;font-size:.66rem}.nm b{font-size:.9rem}.nm small{font-size:.5rem}.navbar-brand img{height:44px}.face{gap:8px}}
