*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#F3EEE7;color:#1F2124;font-family:'Inter',system-ui,sans-serif}
img{max-width:100%}
a{color:#8B5E3C}a:hover{color:#6E4A2F}
:focus-visible{outline:3px solid #C08A55;outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:#C08A55;color:#1F2124;padding:10px 14px;z-index:10}
.skip:focus{left:12px;top:12px}
.site-header{background:#1F2124}
.hdr{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-height:44px}
.brand-word{font-family:'Sora',sans-serif;font-size:20px;font-weight:700;letter-spacing:3px;color:#F3EEE7}
.brand-word span{color:#C08A55}
.nav{display:flex;align-items:center;gap:4px}
.nav a{padding:12px 14px;color:#F3EEE7;text-decoration:none;font-weight:500;font-size:15px}
.nav a:hover{color:#C08A55}
.nav a[aria-current=page]{color:#C08A55;text-decoration:underline;text-underline-offset:6px;font-weight:600}
.nav a.cta{margin-left:8px;padding:12px 18px;background:#C08A55;color:#1F2124;font-weight:600;border-radius:8px;text-decoration:none}
.nav a.cta:hover{background:#D19A63;color:#1F2124}
.menu-btn{display:none}
.site-footer{background:#1F2124}
.ftr{max-width:1200px;margin:0 auto;padding:32px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.ftr-brand{display:flex;align-items:center;gap:10px;font-size:14px;color:#A8A39C}
.ftr-links{display:flex;flex-wrap:wrap;gap:0 24px}
.ftr-links a{font-size:14px;color:#C08A55;text-decoration:none;padding:12px 0}
.ftr-links a:hover{text-decoration:underline}
@media (max-width:760px){
  .menu-btn{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;background:transparent;border:1px solid #4A4D52;border-radius:8px;color:#F3EEE7;cursor:pointer}
  .nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:4px 0 12px}
  .nav.open{display:flex}
  .nav a{padding:14px 4px;border-top:1px solid #33363B;font-size:16px}
  .nav a.cta{margin:12px 0 0;text-align:center;border-top:0}
}
@media (max-width:600px){
  main h1{font-size:2rem !important}
  main h2{font-size:28px !important}
  main section > div[style*="padding: 48px"]{padding:32px 24px !important}
  main section > div[style*="padding: 40px"]{padding:28px 22px !important}
  main div[style*="padding: 36px"]{padding:24px 20px !important}
  main div[style*="min-width: 560px"]{min-width:0 !important}
  main div[style*="min-width: 560px"] > div{padding:14px 10px !important;font-size:14px !important}
}