/* Bay Design + Remodel | Premium editorial blog. Scoped to blog classes. */
.blog-hero{position:relative;isolation:isolate;background:#14242b;color:#fff;overflow:hidden;min-height:380px;display:flex;align-items:center}
.blog-hero__photo{position:absolute;inset:0 0 0 38%;z-index:-2;background:#273b3d url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1600&q=82') center/cover no-repeat}
.blog-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#14242b 5%,#14242b 34%,rgba(20,36,43,.9) 47%,rgba(20,36,43,.22) 79%,rgba(20,36,43,.08))}
.blog-hero__inner{padding-top:5rem;padding-bottom:5rem}
.blog-eyebrow{font:700 .77rem/1.5 Manrope,Arial,sans-serif!important;letter-spacing:.16em;color:#d6b47d!important;text-transform:uppercase;margin:0 0 .8rem!important}
.blog-hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(3rem,5vw,5.25rem);line-height:1.02;max-width:820px;color:#fff;margin:0 0 1rem}
.blog-intro{font-size:clamp(.96rem,1.25vw,1.1rem);line-height:1.8;max-width:620px;color:#eee;margin:0}
.blog-feature{background:#f7f5f0;padding:3.6rem 0 2.6rem}
.blog-feature__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(2rem,4vw,4.2rem);align-items:center}
.blog-feature__image{min-height:310px;aspect-ratio:1.65;background:#d4d0c6 url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1300&q=82') center/cover no-repeat;border-radius:3px}
.blog-feature__copy h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.4rem,3.5vw,4rem);line-height:1.05;font-weight:500;color:#14242b;margin:.35rem 0 1rem}
.blog-feature__copy>p:not(.blog-eyebrow){color:#4e5a5f;line-height:1.75;max-width:560px}
.blog-outline-link{display:inline-block;border:1px solid #b99155;border-radius:3px;padding:.85rem 1.25rem;color:#8a6630;font-size:.75rem;letter-spacing:.1em;font-weight:800;text-transform:uppercase;margin-top:1.4rem}
.blog-latest{background:#f7f5f0;padding:1rem 0 3rem}.blog-section-title{display:flex;align-items:center;gap:1.4rem;margin:0 0 2rem}.blog-section-title span{height:1px;background:#d9cbb4;flex:1}.blog-section-title h2{font:700 .84rem/1.4 Manrope,Arial,sans-serif;letter-spacing:.22em;white-space:nowrap;color:#14242b;margin:0}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem}.blog-card{min-width:0}.blog-card__photo{aspect-ratio:1.7;background:#d8d4ca center/cover no-repeat;border-radius:3px}.blog-card__photo--bath{background-image:url('https://images.unsplash.com/photo-1620626011761-996317b8d101?auto=format&fit=crop&w=850&q=80')}.blog-card__photo--adu{background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=850&q=80')}.blog-card__photo--design{background-image:url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=850&q=80')}
.blog-card__body{padding:1rem .1rem}.blog-card__category{color:#8a6630;font-size:.7rem;letter-spacing:.13em;font-weight:800;margin:0 0 .5rem}.blog-card h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:clamp(1.65rem,2.15vw,2.25rem);line-height:1.1;margin:0 0 .7rem;color:#14242b}.blog-card__body>p:not(.blog-card__category){font-size:.92rem;color:#4e5a5f;line-height:1.7}.blog-card__status{display:inline-block;color:#8a6630;text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.1em;margin-top:.85rem}
.blog-topics{background:#f7f5f0;padding:0 0 4rem}.blog-topics__list{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.blog-topics__list span{border:1px solid #c3a171;border-radius:6px;padding:.75rem 1.05rem;color:#14242b;font-size:.81rem;background:rgba(255,255,255,.35)}
.blog-cta{background:linear-gradient(105deg,#14242b,#253c49);color:#fff;padding:3rem 0}.blog-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.blog-cta h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.2rem,3.2vw,3.7rem);font-weight:500;line-height:1.05;margin:0 0 .6rem;color:#fff}.blog-cta p:not(.blog-eyebrow){color:#e6e9e7;line-height:1.6}.blog-cta .btn{background:#d6b47d;color:#14242b;white-space:nowrap}
@media(max-width:900px){.blog-feature__grid{grid-template-columns:1fr}.blog-feature__image{min-height:240px}.blog-grid{gap:1.1rem}.blog-hero__photo{left:20%}.blog-hero:after{background:linear-gradient(90deg,#14242b 8%,rgba(20,36,43,.9) 50%,rgba(20,36,43,.4))}}
@media(max-width:640px){.blog-hero{min-height:390px}.blog-hero__inner{padding-top:4rem;padding-bottom:4rem}.blog-hero h1 br{display:none}.blog-grid{grid-template-columns:1fr;gap:1.7rem}.blog-feature{padding-top:2.5rem}.blog-cta__inner{display:block}.blog-cta .btn{margin-top:1.4rem;white-space:normal}.blog-section-title{gap:.7rem}.blog-section-title h2{font-size:.7rem}.blog-topics__list{justify-content:flex-start}.blog-topics__list span{font-size:.74rem}}

/* ==========================================
   BDR PREMIUM BLOG — INDIVIDUAL ARTICLES
   ========================================== */

.blog-article-hero {
  background: #14242b;
  color: #fff;
  padding: 100px 24px 75px;
  text-align: center;
}

.blog-article-hero .container {
  max-width: 950px;
  margin: 0 auto;
}

.blog-article-hero h1 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(2.8rem, 5vw, 5rem);
  font-weight: 500;
  line-height: 1.08;
  color: #fff;
  margin: 20px auto;
}

.blog-article-hero .blog-eyebrow a {
  color: #d6b47d;
  text-decoration: none;
}

.blog-byline {
  font-family: Manrope, Arial, sans-serif;
  font-size: .85rem;
  color: #d8dedb;
  margin-top: 25px;
}

/* Article reading area */

.blog-reading {
  background: #f7f5f0;
  padding: 55px 24px 90px;
}

.blog-cover {
  max-width: 1000px;
  margin: 0 auto 55px;
}

.blog-cover img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 600px;
  object-fit: cover;
  border-radius: 4px;
}

.blog-cover figcaption {
  font-size: .78rem;
  color: #697377;
  text-align: center;
  margin-top: 12px;
}

/* Main article content */

.blog-content {
  max-width: 780px;
  margin: 0 auto;
  font-family: Manrope, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.95;
  color: #34434a;
}

.blog-content p {
  margin: 0 0 1.5rem;
}

.blog-content h2 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(2.1rem, 3.5vw, 3rem);
  font-weight: 600;
  line-height: 1.2;
  color: #14242b;
  margin: 3rem 0 1.2rem;
}

.blog-content h3 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.8rem;
  font-weight: 600;
  color: #14242b;
  margin: 2.2rem 0 1rem;
}

.blog-content ul,
.blog-content ol {
  padding-left: 1.6rem;
  margin-bottom: 1.8rem;
}

.blog-content li {
  margin-bottom: .7rem;
}

.blog-content a {
  color: #8a6630;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.blog-content blockquote {
  border-left: 3px solid #b99155;
  padding: 1rem 1.5rem;
  margin: 2rem 0;
  background: #ede8df;
  font-style: italic;
}

/* Author section */

.blog-author {
  max-width: 780px;
  margin: 65px auto 0;
  padding: 30px 35px;
  border-top: 1px solid #cdbb9e;
  border-bottom: 1px solid #cdbb9e;
  color: #34434a;
}

.blog-author h2 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 2rem;
  color: #14242b;
  margin: 0 0 12px;
}

.blog-author p {
  line-height: 1.8;
}

/* Article CTA */

.blog-reading .blog-cta {
  max-width: 780px;
  margin: 55px auto 0;
  padding: 40px;
  border-radius: 4px;
  text-align: center;
}

.blog-reading .blog-cta h2 {
  font-size: 2.5rem;
}

.blog-reading .blog-cta .btn {
  display: inline-block;
  margin-top: 18px;
  padding: 14px 24px;
  text-decoration: none;
}

/* Blog listing images */

.blog-feature__image img,
.blog-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 3px;
}

/* Responsive article design */

@media (max-width: 640px) {
  .blog-article-hero {
    padding: 75px 20px 50px;
  }

  .blog-reading {
    padding: 35px 18px 65px;
  }

  .blog-cover {
    margin-bottom: 35px;
  }

  .blog-content {
    font-size: .95rem;
    line-height: 1.85;
  }

  .blog-author {
    padding: 25px 10px;
  }

  .blog-reading .blog-cta {
    padding: 30px 20px;
  }
}