.hero-mobile{display:none}
@media(max-width:767px){
.section.hero{padding:0!important;margin:0;min-height:0!important;height:auto!important;background:#ede9e6;overflow:hidden}
.section.hero>.container,.section.hero>.hero-bg{display:none!important}
.hero-mobile{display:block;color:#173e32;background:#ede9e6}
.hero-mobile__photo{height:365px;overflow:hidden}
.hero-mobile__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:74% center;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.98) 60%,rgba(0,0,0,.88) 69%,rgba(0,0,0,.64) 78%,rgba(0,0,0,.32) 87%,rgba(0,0,0,.08) 95%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.98) 60%,rgba(0,0,0,.88) 69%,rgba(0,0,0,.64) 78%,rgba(0,0,0,.32) 87%,rgba(0,0,0,.08) 95%,transparent 100%)}
.hero-mobile__copy{padding:3px 24px 28px}
.hero-mobile__eyebrow{font:400 10px/1.4 Onest,Arial,sans-serif;letter-spacing:1.6px;margin:0 0 14px;color:#68746c}
.hero-mobile .hero-mobile__title{font:400 33px/1.14 Anticva,serif;letter-spacing:-1px;text-transform:uppercase;margin:0;color:#242424}
.hero-mobile__cta{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:23px;padding:10px 16px;background:#242424;color:#fff;font:500 15px/1.4 Onest,Arial,sans-serif;border-radius:2px;text-decoration:none}
.hero-mobile__cta:focus-visible{outline:2px solid #00856a;outline-offset:3px}
.hero-mobile__cta:hover{background:#383838;color:#fff;text-decoration:none}
}
@media(max-width:350px){.hero-mobile__photo{height:330px}.hero-mobile .hero-mobile__title{font-size:28px}.hero-mobile__copy{padding-inline:20px}}

/* Approved hero 04: shared warm background and white botanical drawing. */
.section.hero{background-color:#ede9e6}
.section.hero .hero__title{color:#242424}
.section.hero .hero__button{display:flex;align-items:center;justify-content:center;background:#242424;color:#fff;font:500 16px/1.4 Onest,Arial,sans-serif;min-height:52px;padding:12px 18px;border-radius:2px;text-decoration:none}
.section.hero .hero__button:hover{background:#383838}
.section.hero .hero__button:focus-visible{outline:2px solid #00856a;outline-offset:3px}
.section.hero .hero-decor img{filter:brightness(0) invert(1);opacity:.8}
@media(min-width:768px){
.section.hero .hero-bg{left:30%;width:70%;max-width:none;pointer-events:none}
.section.hero .hero-bg img{object-position:right center}
.section.hero .hero-content{max-width:600px;gap:32px}
.section.hero .hero-decor{display:flex;pointer-events:none}
}
@media(min-width:768px) and (max-width:1024px){
.section.hero .hero__title{font-size:36px}
.section.hero .hero-content{max-width:400px}
.section.hero .hero__button{max-width:260px}
}