:root{
  --bone:#F6F4F0; --ink:#1F1F1F; --soft:#6b5d4e;
  --rust:#A35733; --forest:#62341F; --cream:#F6F4F0; --night:#1F1F1F;

  --gold:#ecc89a; --gold-deep:#e9b87e;

  --r-sm:4px; --r-md:8px; --r-pill:999px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Montserrat',sans-serif;background:#1F1F1F;color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,.display{font-family:'Yeseva One',serif;font-weight:400;line-height:1.1}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:1280px;margin:0 auto;padding:0 clamp(1.4rem,4vw,3rem)}
body.loading{overflow:hidden;height:100svh}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  padding:1.05rem 2.4rem;border-radius:var(--r-pill);border:1px solid transparent;cursor:pointer;
  transition:background .3s,color .3s,border-color .3s,transform .3s,box-shadow .3s;text-align:center;line-height:1}
.btn:hover{transform:translateY(-2px)}
.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

.btn-primary{background:var(--rust);color:#fff;border-color:var(--rust)}
.btn-primary:hover{background:#8f4626;border-color:#8f4626;box-shadow:0 16px 30px -16px rgba(163,87,51,.6)}

.btn-gold{background:var(--gold);color:var(--night);border-color:var(--gold)}
.btn-gold:hover{background:transparent;color:var(--gold)}

.btn-ghost{background:transparent;color:var(--forest);border-color:var(--forest)}
.btn-ghost:hover{background:var(--forest);color:var(--cream)}

.btn-ghost-light{background:transparent;color:var(--cream);border-color:rgba(246,244,240,.55)}
.btn-ghost-light:hover{background:var(--cream);color:var(--night);border-color:var(--cream)}

.btn-sm{padding:.8rem 1.7rem;font-size:.66rem;letter-spacing:.16em}
.btn-lg{padding:1.2rem 3rem}

.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;
  padding:10px;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.nav-burger i{display:block;width:22px;height:2px;background:var(--cream);border-radius:2px;transition:.3s}
.nav-burger:active i{background:var(--gold)}

.mob-menu{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:#191310;
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .3s ease,transform .3s ease,visibility .3s;
  padding:max(4.5rem,env(safe-area-inset-top)) 1.5rem max(5rem,env(safe-area-inset-bottom));overflow-y:auto}
.mob-menu.open{opacity:1 !important;visibility:visible !important;transform:none !important}
body.mm-lock{overflow:hidden}
.mm-head{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;
  padding:1.1rem clamp(1.1rem,4vw,1.6rem)}
.mm-head img{height:30px;width:auto}
.mm-close{width:44px;height:44px;border:0;border-radius:50%;background:rgba(246,244,240,.08);
  color:var(--cream);font-size:1.7rem;line-height:1;cursor:pointer;transition:.25s}
.mm-close:active{background:var(--rust)}
.mm-nav{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.2rem;padding:0}
.mob-menu .mm-nav a{font-family:'Montserrat',sans-serif;font-weight:500;font-size:clamp(1rem,4.6vw,1.18rem);letter-spacing:.06em;color:var(--cream);
  padding:.72rem 1rem;line-height:1.2;transition:color .2s}
.mob-menu .mm-nav a:active,.mob-menu .mm-nav a.active{color:var(--gold)}
.mm-foot{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:.25rem;
  padding:0 1.5rem max(1.2rem,env(safe-area-inset-bottom))}
.mob-menu .mm-foot a{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:500;letter-spacing:.04em;
  color:var(--gold);text-decoration:none;padding:.26rem 0}
@media(prefers-reduced-motion:reduce){
  .mob-menu{transition:opacity .2s}
}

@media(pointer:coarse){.mm-foot a{min-height:40px;display:inline-flex;align-items:center}}