/* Crucible & Stone: responsive layer over the design's inline styles */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
img{max-width:100%}
.page{overflow:hidden}
.m-bar{display:none}
.nav-cta:hover{color:#1E1C1A !important;background:#E0B420 !important}

@media (max-width: 1100px){
  .m-grid4{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}

@media (max-width: 960px){
  .m-stack{flex-direction:column !important;align-items:stretch !important;gap:28px !important}
  .m-stack > *{flex-basis:auto !important;width:auto !important;max-width:100% !important}
  .m-full{width:100% !important;max-width:100% !important}
  .m-grid1{grid-template-columns:minmax(0,1fr) !important}
  .m-grid1 > *{text-align:left !important}
  .m-grid1 > .m-padx0{border-right:none !important;padding-left:0 !important;padding-right:0 !important}
  .m-stack > [style*="border-left"]{border-left:none !important}
  .m-autoh{min-height:0 !important;padding-top:72px !important}
  .m-stack > a[style*="border-bottom"]{align-self:flex-start !important}
  .m-tbl2{grid-template-columns:minmax(0,1fr) !important;gap:10px !important}
  .m-tbl3{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .m-tbl3 > :first-child{grid-column:1 / -1;padding:18px 0 4px !important}
  .m-tbl3 > :not(:first-child){padding:6px 14px 18px 0 !important;font-size:16px !important}
  .m-stack > [style*="padding-top: 40px"]{padding-top:0 !important}

  /* header + nav */
  .site-header{height:auto !important;flex-wrap:wrap;gap:14px;padding-top:14px !important;padding-bottom:14px !important}
  .site-header > a img{height:42px !important}
  .site-nav{width:100%;justify-content:space-between;gap:12px !important}
  .site-nav a{font-size:15px !important}
  .site-nav .nav-cta{display:none !important}

  /* hero image: darken the whole frame so text stays readable */
  .hero-bg{background:linear-gradient(180deg,rgba(20,18,16,0.80) 0%,rgba(20,18,16,0.88) 55%,#141210 100%),url(hero.jpg) 70% center/cover no-repeat,#141210 !important}

  /* sticky call / book bar */
  body{padding-bottom:64px}
  .m-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;height:64px;background:#1A1816;border-top:1px solid rgba(242,239,235,0.12);padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:10px}
  .m-bar a{display:flex;align-items:center;justify-content:center;font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:600;border-radius:2px}
  .m-bar-call{flex:0 0 96px;border:1px solid rgba(242,239,235,0.35);color:#F2EFEB !important}
  .m-bar-book{flex:1;background:#C4980A;color:#1E1C1A !important}
}

@media (max-width: 600px){
  .m-grid4{grid-template-columns:minmax(0,1fr) !important}
  .site-nav{gap:8px !important}
  .site-nav a{font-size:14px !important}
}

/* Sample Dashboard nav link (Oct 19) */
.site-nav .nav-demo{display:inline-flex;align-items:center;height:40px;padding:0 16px;border:1px solid rgba(196,152,10,.6);border-radius:2px;color:#F2EFEB !important}
.site-nav .nav-demo:hover{border-color:#E0B420;color:#E0B420 !important}
@media (max-width: 960px){.site-nav .nav-demo{height:auto;padding:0;border:0;color:#F2EFEB !important}}
.site-nav .nav-demo{white-space:nowrap}
@media (max-width: 600px){.site-nav a[href="index.html"]{display:none !important}}
@media (max-width: 360px){.site-nav a{font-size:13px !important}}