/* Mục 4 - phục dựng theo ảnh thiết kế đã duyệt; ảnh chân dung giữ nguyên điểm ảnh nguồn */
.approved-4 {background:#fffef9!important; padding:26px 0 57px!important}
.approved-4 .story-inner{position:relative!important;display:block!important;aspect-ratio:1240/535;min-height:0!important;height:auto!important;overflow:hidden!important;border:1px solid #e1e8d7!important;border-radius:24px!important;background:#fbfdf2!important;box-shadow:0 11px 26px rgba(32,67,27,.1)!important}
.approved-4 .story-inner:before,.approved-4 .story-inner:after{display:none!important}
.approved-4 .story-landscape{position:absolute;inset:0;background:url('assets/story-countryside-no-people.svg') center/cover no-repeat;z-index:0}
.approved-4 .story-photo-holder{background:none!important;position:absolute!important;bottom:0!important;top:0!important;left:0!important;width:56%!important;height:100%!important;min-height:0!important;overflow:visible!important;z-index:2;pointer-events:none}
.approved-4 .story-img{position:absolute;display:block!important;filter:none!important;border:0!important;box-shadow:none!important;max-width:none!important;width:105%!important;height:auto!important;left:-10%!important;top:-2%!important;object-fit:contain!important;object-position:top left!important}
.approved-4 .story-photo-holder:after{display:none!important}
.approved-4 .story-flora{position:absolute;z-index:1;pointer-events:none;object-fit:contain;opacity:.95}
.approved-4 .story-flora-left{top:-6%;left:-3%;width:30%;max-width:370px;transform:rotate(-9deg);filter:drop-shadow(0 4px 5px #fff6)}
.approved-4 .story-flora-right{top:-10%;right:-1%;width:26%;max-width:330px;transform:rotate(12deg) scaleX(-1);opacity:.73}
.approved-4 .story-text{position:absolute!important;z-index:4!important;top:0!important;right:2.5%!important;width:47.5%!important;height:92%!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;flex-direction:column!important;text-align:left!important;padding:0 2% 0 0!important;background:none!important}
.approved-4 .story-text .story-logo{display:block!important;width:136px!important;height:92px!important;max-height:none!important;object-fit:contain!important;object-position:center!important;align-self:center!important;margin:0 0 5px!important}
.approved-4 .story-text .eyebrow{align-self:center!important;white-space:nowrap;font-size:10px!important;letter-spacing:2.1px!important;font-weight:700!important;color:#526e4f!important;line-height:1.4!important}
.approved-4 .story-text h2{align-self:flex-start!important;color:#143c2c!important;font:700 clamp(34px,3.75vw,53px)/1.08 Georgia,serif!important;letter-spacing:-1px!important;margin:12px 0 7px!important;white-space:nowrap}
.approved-4 .story-text .lead{max-width:97%;font:italic clamp(18px,1.87vw,25px)/1.34 Georgia,serif!important;color:#6a8760!important;margin:0 0 13px!important}
.approved-4 .story-text .description{max-width:93%!important;font:normal clamp(12px,1.03vw,14px)/1.7 'Segoe UI',Arial,sans-serif!important;color:#516554!important;margin:0 0 15px!important}
.approved-4 .story-text .story-cta{font-size:13px!important;padding:10px 23px!important;border-radius:30px!important;min-height:40px!important;align-self:flex-start!important;position:relative;z-index:6}
.approved-4 .story-bottom-wave{position:absolute;left:0;right:0;bottom:-1px;height:17%;z-index:5;pointer-events:none}
.approved-4 .story-bottom-wave svg{display:block;width:100%;height:100%}
@media(max-width:1030px){
 .approved-4 .story-text{right:1.7%!important;width:49.8%!important}
 .approved-4 .story-text h2{font-size:clamp(30px,4vw,43px)!important}
 .approved-4 .story-text .story-logo{width:108px!important;height:70px!important}
 .approved-4 .story-text .lead{font-size:clamp(17px,2.3vw,22px)!important}
 .approved-4 .story-text .description{font-size:11.8px!important;margin-bottom:9px!important}
}
@media(max-width:700px){
 .approved-4{padding:22px 0 36px!important}
 .approved-4 .story-inner{width:min(calc(100% - 30px),540px)!important;aspect-ratio:auto!important;min-height:0!important;height:595px!important;border-radius:19px!important}
 .approved-4 .story-landscape{background-size:auto 100%;background-position:35% center}
 .approved-4 .story-photo-holder{left:-8%!important;top:0!important;width:100%!important;height:350px!important;overflow:visible!important}
 .approved-4 .story-img{left:-9%!important;top:-6%!important;width:104%!important;height:auto!important;max-height:435px!important;object-fit:contain!important}
 .approved-4 .story-text{left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;height:310px!important;padding:4px 22px 48px!important;align-items:center!important;justify-content:center!important;text-align:center!important;background:linear-gradient(to bottom,rgba(253,255,247,.91),rgba(253,255,247,.97) 18%,rgba(253,255,247,.99) 100%)!important}
 .approved-4 .story-text .story-logo{height:58px!important;width:86px!important;margin-bottom:0!important}
 .approved-4 .story-text .eyebrow{font-size:8.5px!important;letter-spacing:1.4px!important}
 .approved-4 .story-text h2{align-self:center!important;font-size:clamp(25px,7.4vw,34px)!important;white-space:normal!important;letter-spacing:-.3px!important;margin:6px 0 6px!important}
 .approved-4 .story-text .lead{font-size:17px!important;line-height:1.2!important;margin:0 0 9px!important;max-width:95%!important}
 .approved-4 .story-text .description{font-size:11px!important;line-height:1.45!important;max-width:100%!important;margin:0 0 10px!important}
 .approved-4 .story-text .story-cta{align-self:center!important;font-size:11.5px!important;min-height:35px!important;padding:7px 17px!important}
 .approved-4 .story-bottom-wave{height:42px}
 .approved-4 .story-flora-left{width:46%!important;top:-5%}
 .approved-4 .story-flora-right{width:39%!important;top:-2%;right:-6%}
}
@media(max-width:380px){.approved-4 .story-inner{height:575px!important}.approved-4 .story-text{height:310px!important;padding-inline:17px!important}.approved-4 .story-img{width:110%!important}}

/* Texture greenery from Lộc Nhiên original farm photo, purely a softly blended background */
.approved-4 .story-landscape:after{content:"";position:absolute;inset:0 48% 0 0;background:url("assets/farm-hung-chanh.jpg") center 55%/cover no-repeat;opacity:.16;filter:blur(4px) saturate(.85);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 35%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 35%,transparent 100%);pointer-events:none}
