.blog-body { position: relative; isolation: isolate; }
.blog-body { background-color: rgb(8, 8, 8); background-image: linear-gradient(rgba(8, 8, 8, 0.88), rgba(8, 8, 8, 0.88)), url("assets/location-iris-amber.jpg"), url("assets/location-iris-bluegold.jpg"); background-position: 0px 0px, left -230px top 130px, right -230px top 950px; background-size: 100% 100%, 650px 650px, 650px 650px; background-repeat: no-repeat; }
.blog-intro { text-align: center; max-width: 750px; margin: 20px auto 45px; }
.blog-intro h1 { font-size: clamp(40px, 5vw, 62px); }
.blog-intro p { line-height: 1.85; max-width: 620px; margin: 22px auto; }
.blog-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 25px; }
.blog-card { border: 1px solid rgb(107, 88, 52); border-radius: 20px; overflow: hidden; background: rgba(13, 12, 10, 0.91); display: flex; flex-direction: column; }
.blog-card-image { height: 240px; background: rgb(5, 5, 5); overflow: hidden; }
.blog-card-image img { width: 100%; height: 100%; object-fit: cover; }
.blog-card-copy { padding: 26px; display: flex; flex-direction: column; flex: 1 1 0%; }
.blog-card h2 { font-size: 30px; margin: 14px 0px; }
.blog-card p { font-size: 14px; line-height: 1.8; margin: 0px 0px 22px; }
.read-more { color: var(--gold); font-size: 13px; margin-top: auto; }
.blog-card:hover { border-color: rgb(231, 196, 122); }
.blog-contact { text-align: center; margin: 50px auto 20px; border: 1px solid rgb(100, 83, 50); border-radius: 20px; padding: 35px 24px; background: rgba(23, 17, 7, 0.85); }
.blog-contact h2 { font-size: 35px; }
.email-link { display: block; color: var(--gold); margin-top: 15px; font-size: 14px; }
.blog-article { max-width: 900px; }
.blog-breadcrumb { display: flex; gap: 10px; font-size: 12px; color: var(--gold); margin-bottom: 30px; }
.article-intro { display: block; height: auto; padding: 0px; border: 0px; text-align: center; max-width: 800px; margin: 0px auto 30px; }
.article-intro h1 { font-size: clamp(34px, 4.3vw, 52px); margin-top: 14px; }
.article-intro p { font-size: 17px; line-height: 1.8; }
.article-image { display: block; width: 100%; height: 360px; object-fit: cover; border: 1px solid rgb(100, 83, 50); border-radius: 18px; }
.article-text { max-width: 720px; margin: 35px auto; }
.article-text section { margin: 32px 0px; }
.article-text h2 { font-size: 29px; }
.article-text p { font-size: 16px; line-height: 1.95; }
.article-text a, .back-blog { color: var(--gold); text-decoration: underline; text-underline-offset: 4px; }
.back-blog { display: block; text-align: center; font-size: 13px; margin: 25px 0px; }
@media (max-width: 650px) {
  .blog-grid { grid-template-columns: 1fr; gap: 22px; }
  .blog-card-image { height: 230px; }
  .blog-card-copy { padding: 23px; }
  .blog-card h2 { font-size: 28px; }
  .blog-intro { margin: 15px auto 30px; }
  .blog-intro p { font-size: 15px; }
  .article-intro p { font-size: 15px; }
  .article-image { height: 270px; }
  .article-text p { font-size: 15px; }
  .article-text h2 { font-size: 27px; }
  .blog-breadcrumb { display: flex; position: static; background: transparent; padding: 0px; flex-direction: row; }
  .blog-contact h2 { font-size: 30px; }
}
.blog-body::before, .blog-body::after { content: none !important; }
.blog-index, .blog-article, .blog-grid, .blog-card, .blog-card-copy, .article-text { min-width: 0px; }
.blog-card h2, .article-intro h1, .blog-intro h1, .article-text a { overflow-wrap: anywhere; }
@media (max-width: 650px) {
  .blog-body { background-position: 0px 0px, left -230px top 130px, right -230px top 1100px; background-size: 100% 100%, 440px 440px, 440px 440px; }
}
.article-photo{margin:0}.article-photo .article-image{height:auto;aspect-ratio:4/3;object-fit:contain}.article-photo figcaption{max-width:720px;margin:12px auto 0;font-size:12px;line-height:1.7;color:#b8aa90}.article-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}.article-actions .button{max-width:100%}