
:root{--bl-forest:#254739;--bl-ink:#1D2923;--bl-paper:#FDFCF9;--bl-sage:#EAF0E9}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:var(--bl-ink)}
h1,h2,h3,.hero h1,.bl-page-intro h2{font-family:Inter,system-ui,sans-serif!important;letter-spacing:-.045em!important}
.bl-editorial-photo{max-width:1200px;height:210px;margin:25px auto 28px;position:relative;overflow:hidden;border-radius:17px;background:#D8E2D8;isolation:isolate}
.bl-editorial-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.74) contrast(.96)}
.bl-editorial-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,38,27,.73),rgba(14,38,27,.2) 75%)}
.bl-editorial-photo-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:28px 44px;color:white}
.bl-editorial-photo-copy span{text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:800;color:#D8E4D9}
.bl-editorial-photo-copy strong{font-size:clamp(21px,3vw,34px);font-weight:750;line-height:1.15;letter-spacing:-.05em;max-width:540px;margin-top:9px}
body .hero{padding-top:36px;padding-bottom:36px}
body .hero h1{font-size:clamp(30px,4.2vw,49px);line-height:1.1}
body .hero p{font-size:15px;line-height:1.6}
body .bl-page-intro{padding-top:28px;padding-bottom:25px}
body .bl-page-intro h2{font-size:clamp(27px,3.5vw,42px)}
body .card,body .panel{box-shadow:none!important}
@media(max-width:1250px){.bl-editorial-photo{margin-left:20px;margin-right:20px}}
@media(max-width:650px){.bl-editorial-photo{height:155px;border-radius:12px;margin:14px 15px 22px}.bl-editorial-photo-copy{padding:18px 22px}.bl-editorial-photo-copy strong{font-size:23px}.bl-editorial-photo-copy span{font-size:9px}body .hero{padding-top:25px!important;padding-bottom:25px!important}body .hero h1{font-size:34px!important}}
@media(prefers-reduced-motion:reduce){.bl-editorial-photo *{transition:none!important}}

/* Product-wide accessibility and motion */
:focus-visible{outline:3px solid #B87548!important;outline-offset:3px!important}
img{max-width:100%}button,input,select,textarea{font:inherit}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:650px){.bl-editorial-photo{margin-inline:15px}.bl-editorial-photo-copy strong{overflow-wrap:break-word}}
