/* Cloudflare download build final overrides */

/* ----- Header / brand ----- */
.brand img{
  width:72px !important;
  height:56px !important;
  object-fit:contain !important;
  background:transparent !important;
}
.brand-name{
  letter-spacing:.10em !important;
}

/* ----- Hero ----- */
.hero{
  position:relative !important;
  overflow:hidden !important;
  background:#f6eee8 url('assets/hero-merged-background.png') center center / cover no-repeat !important;
}
.hero::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg, rgba(255,248,243,.92) 0%, rgba(255,248,243,.86) 32%, rgba(255,248,243,.55) 56%, rgba(255,248,243,.18) 100%) !important;
  z-index:0 !important;
}
.hero::after{
  content:none !important;
  display:none !important;
}
.hero-grid{
  position:relative !important;
  z-index:1 !important;
  grid-template-columns:1fr !important;
  min-height:700px !important;
  gap:0 !important;
  align-items:center !important;
}
.hero-copy{
  position:relative !important;
  z-index:2 !important;
  max-width:620px !important;
  padding:88px 0 82px !important;
}
.hero-photo{
  display:none !important;
}
.hero .signature,
.signature{
  width:min(420px, 84%) !important;
  height:auto !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  object-fit:contain !important;
  mix-blend-mode:normal !important;
  margin:0 0 14px !important;
}
.hero h1{
  font-size:clamp(3.5rem, 6vw, 5.6rem) !important;
  line-height:.98 !important;
  color:#251818 !important;
  max-width:640px !important;
  margin:10px 0 18px !important;
}
.hero h1 em{
  color:#ef0f68 !important;
  font-style:italic !important;
}
.hero-copy > p{
  max-width:560px !important;
  font-size:1.08rem !important;
  line-height:1.6 !important;
  color:#4b3834 !important;
}
.hero-actions{
  margin-top:26px !important;
}

/* ----- About watermark ----- */
.about-copy-watermarked{
  position:relative !important;
  isolation:isolate !important;
}
.about-copy-watermarked::after{
  content:'YL' !important;
  position:absolute !important;
  right:2% !important;
  top:-6% !important;
  z-index:-1 !important;
  font-family:'Brush Script MT','Segoe Script','Lucida Handwriting',cursive !important;
  font-size:clamp(9rem, 14vw, 14rem) !important;
  line-height:.8 !important;
  letter-spacing:-.18em !important;
  color:rgba(222,160,145,.14) !important;
  transform:rotate(-8deg) !important;
  pointer-events:none !important;
}
.about-photo img,
.about-copy .signature-small,
.books-mug-art{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.about-copy .signature-small{
  width:220px !important;
}

/* ----- Newsletter / stay connected ----- */
.newsletter{
  padding:46px 0 30px !important;
  background:linear-gradient(90deg,#7a0837 0%, #ab0d4e 55%, #6d0d34 100%) !important;
}
.newsletter-grid{
  align-items:center !important;
  gap:32px !important;
}
.newsletter h2{
  font-size:clamp(2.1rem, 4vw, 3.25rem) !important;
  line-height:1.02 !important;
}
.newsletter-form{
  max-width:760px !important;
}
.books-mug-art{
  width:min(230px, 60%) !important;
  margin:16px 0 0 auto !important;
}

/* ----- Footer ----- */
.site-footer{
  background:#fffaf7 !important;
  color:#241815 !important;
  border-top:1px solid #e8d8cf !important;
}
.footer-title,
.footer-links,
.footer-bottom,
.footer-brand p,
.site-footer a,
.site-footer span{
  color:#241815 !important;
}
.footer-brand img{
  filter:none !important;
  opacity:1 !important;
  background:transparent !important;
}
.footer-bottom{
  border-top:1px solid #e5d6cd !important;
  color:#7d665d !important;
}
.footer-bottom a{
  color:#7d665d !important;
}

@media (max-width: 900px){
  .hero{
    background-position:62% center !important;
  }
  .hero-grid{
    min-height:620px !important;
  }
}
@media (max-width: 700px){
  .hero{
    background-position:70% center !important;
  }
  .hero::before{
    background:linear-gradient(180deg, rgba(255,248,243,.95) 0%, rgba(255,248,243,.85) 100%) !important;
  }
  .hero-grid{
    min-height:auto !important;
  }
  .hero-copy{
    padding:60px 0 54px !important;
  }
  .hero h1{
    font-size:clamp(2.8rem, 11vw, 4.2rem) !important;
  }
  .books-mug-art{
    width:min(220px, 78%) !important;
    margin:18px auto 0 !important;
  }
}