body{font-family:"Noto Serif Bengali",serif}
.brand{font-family:"Noto Serif Bengali",serif}.brand-logo{width:46px;height:46px;object-fit:contain;background:#fff;border-radius:7px;padding:3px}.brand span{display:flex;flex-direction:column;gap:3px}.brand small{font-size:11px;font-weight:500;color:#dce6df;letter-spacing:.2px}.nav .brand>span{display:block}.nav .brand small{display:block;margin-top:5px}.hero-image{object-position:58% center}.hero h1,.section h2,.why-section h2,.contact-section h2{font-family:"Noto Serif Bengali",serif;letter-spacing:-1.5px}.hero h1{font-weight:700}.hero-copy{max-width:650px}.about-intro{align-items:center}.about-photo{height:460px;overflow:hidden;border-radius:10px;box-shadow:0 18px 45px #173e2a20}.about-photo img{width:100%;height:100%;object-fit:cover}.about-intro>div:last-child p{color:#617066;margin:20px 0 0}.text-link{display:inline-flex;margin-top:24px;color:#245d3d;font-weight:700;border-bottom:1px solid currentColor}.catalog-photo img{object-position:center}.catalog-card[data-category="cattle"] .catalog-photo img{object-position:center 42%}.direct-links a{overflow-wrap:anywhere}.contact-copy h2{max-width:520px}.footer-inner .brand small{max-width:330px}.footer-inner .brand-logo{width:52px;height:52px}
@media(max-width:820px){.brand-logo{width:40px;height:40px}.nav .brand small{display:none}.hero-image{object-position:58% center}.about-photo{height:340px}.about-intro{display:grid}.footer-inner .brand small{display:block}}

/* Brand asset and Bengali typography refinements */
.brand{gap:0;letter-spacing:0}
.brand-logo{display:block;width:190px;height:54px;object-fit:contain;object-position:left center;background:transparent;border-radius:0;padding:0}
.footer-inner .brand-logo{width:210px;height:60px}
.eyebrow{font-size:14px;line-height:1.6;letter-spacing:0;text-transform:none;margin-bottom:14px}
.hero h1,.section h2,.why-section h2,.contact-section h2,h1,h2,h3{letter-spacing:0;overflow-wrap:break-word}
h1{line-height:1.12}
h2{line-height:1.22}
h3{line-height:1.4}
.catalog-body small{letter-spacing:.3px}
.direct-links{gap:12px}
.direct-links a{display:flex;align-items:flex-start;gap:11px;line-height:1.5}
.direct-links svg{width:20px;height:20px;flex:0 0 20px;margin-top:3px;fill:currentColor}
.floating-wa svg{width:28px;height:28px;fill:currentColor}
.footer-inner p{line-height:1.5;text-align:right}
@media(max-width:820px){
  .brand-logo{width:150px;height:44px}
  .footer-inner .brand-logo{width:185px;height:54px}
  h1{font-size:46px;line-height:1.17;letter-spacing:0}
  .footer-inner p{text-align:left}
}
@media(max-width:420px){h1{font-size:39px;line-height:1.2}.eyebrow{font-size:13px}}

/* Keep the dark brand artwork clear on dark navigation and footer surfaces. */
.nav .brand,.footer-inner .brand{background:#fff;padding:7px 12px;border-radius:9px;box-shadow:0 5px 18px #0000001f}
.nav .brand-logo{width:176px;height:49px}
.footer-inner .brand-logo{width:194px;height:54px}

/* Product images are shown in full so animal heads and bodies are not cropped. */
.catalog-photo{height:270px;background:#eef1eb}
.catalog-photo img,.catalog-card[data-category="cattle"] .catalog-photo img{object-fit:contain;object-position:center}
.catalog-card:hover .catalog-photo img{transform:none}
@media(max-width:820px){
  .nav .brand,.footer-inner .brand{padding:6px 10px}
  .nav .brand-logo{width:142px;height:40px}
  .footer-inner .brand-logo{width:176px;height:49px}
}
@media(max-width:640px){.catalog-photo{height:290px}}

/* Mobile hero: show the complete artwork, keep call access visible, and fit trust points on one row. */
@media(max-width:820px){
  .nav .btn.btn-small{display:inline-flex;min-height:40px;padding:0 14px;font-size:13px;white-space:nowrap}
  .hero{display:block;min-height:0;padding:0 0 56px;background:var(--green);overflow:hidden}
  .hero-image{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:1942/809;object-fit:contain;object-position:center;background:#dce8c9}
  .hero-shade{display:none}
  .hero-content{padding-top:38px}
  .trust-row{width:100%;margin-top:34px;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:4px;font-size:clamp(8.8px,2.55vw,11px);line-height:1.25}
  .trust-row span{display:flex;align-items:center;gap:2px;white-space:nowrap}
}
@media(max-width:420px){
  .nav{gap:8px}
  .nav .brand-logo{width:130px;height:37px}
  .nav .btn.btn-small{min-height:38px;padding:0 12px;font-size:12px}
}
