
*{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:hidden;max-width:100%}
body{font-family:'Helvetica Neue',Arial,sans-serif;color:#222;line-height:1.6;background:#faf8f5}
img{max-width:100%;height:auto;display:block}
a{color:#7a5c3a;text-decoration:none}
a:hover{color:#5d4128;text-decoration:underline}
.container{max-width:1180px;margin:0 auto;padding:0 20px}
header.site-head{background:#fff;border-bottom:1px solid #e8dfd3;padding:18px 0;position:sticky;top:0;z-index:100;box-shadow:0 1px 6px rgba(0,0,0,.04)}
.head-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.brand{font-family:Georgia,serif;font-size:1.5rem;font-weight:700;letter-spacing:.5px;color:#1a1a1a}
.brand span{color:#c9a961}
nav.main-nav ul{display:flex;list-style:none;gap:24px;flex-wrap:wrap}
nav.main-nav a{color:#3a3a3a;font-size:.95rem;font-weight:500;text-transform:uppercase;letter-spacing:.4px}
nav.main-nav a:hover{color:#c9a961;text-decoration:none}
.hero{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),url('/images/hero-suit.jpg') center/cover;color:#fff;padding:90px 20px;text-align:center;min-height:380px;display:flex;align-items:center;justify-content:center;flex-direction:column}
.hero h1{font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.4rem);font-weight:700;margin-bottom:14px;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.hero p{font-size:clamp(1rem,2vw,1.25rem);max-width:720px;margin:0 auto;opacity:.95}
.btn{display:inline-block;padding:13px 30px;background:#c9a961;color:#fff;border-radius:2px;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:600;margin-top:18px;min-height:44px;line-height:1.4}
.btn:hover{background:#b08e44;color:#fff;text-decoration:none}
main{padding:60px 0;min-height:50vh}
section.intro{margin-bottom:50px;text-align:center}
section.intro h2{font-family:Georgia,serif;font-size:clamp(1.5rem,3.5vw,2.4rem);color:#1a1a1a;margin-bottom:16px}
section.intro p{max-width:780px;margin:0 auto;color:#555;font-size:1.05rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}
.card{background:#fff;border:1px solid #ece5d8;overflow:hidden;transition:transform .25s, box-shadow .25s}
.card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.08)}
.card img{width:100%;height:240px;object-fit:cover}
.card-body{padding:22px}
.card h3{font-family:Georgia,serif;font-size:1.25rem;color:#1a1a1a;margin-bottom:10px}
.card p{color:#666;font-size:.95rem;margin-bottom:14px}
.card a{font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}
article.post{max-width:820px;margin:0 auto}
article.post h1{font-family:Georgia,serif;font-size:clamp(1.7rem,4vw,2.6rem);color:#1a1a1a;margin-bottom:14px;line-height:1.25}
article.post .meta{color:#999;font-size:.85rem;margin-bottom:24px;text-transform:uppercase;letter-spacing:.5px}
article.post img{margin:25px 0;width:100%;height:auto}
article.post p{margin-bottom:18px;font-size:1.05rem;color:#333}
article.post h2{font-family:Georgia,serif;font-size:1.55rem;color:#1a1a1a;margin:32px 0 14px}
article.post h3{font-family:Georgia,serif;font-size:1.25rem;color:#1a1a1a;margin:24px 0 12px}
article.post ul,article.post ol{margin:14px 0 18px 28px}
article.post li{margin-bottom:8px}
article.post blockquote{border-left:4px solid #c9a961;padding:14px 24px;margin:22px 0;background:#fdf9f0;font-style:italic;color:#555}
.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin:50px 0}
.split img{width:100%;height:auto}
@media (max-width:760px){.split{grid-template-columns:1fr;gap:30px}}
footer.site-foot{background:#1a1a1a;color:#bbb;padding:50px 0 25px;margin-top:80px}
footer h4{color:#c9a961;font-family:Georgia,serif;font-size:1.1rem;margin-bottom:14px}
footer .foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:36px;margin-bottom:30px}
footer ul{list-style:none}
footer li{margin-bottom:8px}
footer a{color:#bbb;font-size:.9rem}
footer a:hover{color:#c9a961}
.copyright{border-top:1px solid #333;padding-top:18px;text-align:center;color:#888;font-size:.85rem}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:30px}
.contact-card{background:#fff;padding:30px;border:1px solid #ece5d8}
.contact-card h3{font-family:Georgia,serif;color:#1a1a1a;margin-bottom:10px}
.contact-card a{color:#7a5c3a;font-weight:500}
form.contact{max-width:640px;margin:30px auto;background:#fff;padding:40px;border:1px solid #ece5d8}
form.contact label{display:block;margin-bottom:6px;font-weight:600;color:#333;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}
form.contact input,form.contact textarea{width:100%;padding:12px;border:1px solid #ddd;background:#fafafa;margin-bottom:18px;font-family:inherit;font-size:1rem;min-height:44px}
form.contact textarea{min-height:140px;resize:vertical}
@media (max-width:760px){
  .head-inner{justify-content:center}
  nav.main-nav ul{justify-content:center;gap:14px}
  nav.main-nav a{font-size:.85rem}
  .hero{padding:60px 20px;min-height:300px}
  main{padding:40px 0}
}
