/* Approved bronze magnolia: stems enter section edges; copy stays above decoration. */
.v7-story,.v7-detail,footer{position:relative;isolation:isolate;overflow:hidden}
.v7-story::before,.v7-detail::before,footer::before,footer::after,#invitation .v7-invite-bottom::after{content:"";position:absolute;pointer-events:none;background:url('assets/v31/bronze-magnolia.png') left bottom/contain no-repeat;z-index:-1}
.v7-story{padding-bottom:150px}
.v7-story::before{width:360px;height:185px;right:-12px;top:20px;transform:scaleX(-1);opacity:.23}
.v7-detail{padding-bottom:150px}
.v7-detail::before{width:370px;height:190px;left:-18px;bottom:-28px;opacity:.28}
#invitation .v7-invite-bottom{position:relative;z-index:0}
#invitation .v7-invite-bottom::after{width:390px;height:200px;right:-8vw;bottom:45px;transform:scaleX(-1);opacity:.5}
footer{padding-bottom:160px!important}
footer::before{width:300px;height:155px;left:-12px;bottom:-12px;opacity:.42}
footer::after{width:390px;height:200px;right:-15px;bottom:-15px;transform:scaleX(-1);opacity:.3}
@media((width <= 760px) or ((width <= 1100px) and (orientation: portrait))){
.v7-story{padding-top:110px;padding-bottom:75px}
.v7-story::before{width:180px;height:93px;top:0;right:-8px;opacity:.25}
.v7-detail{padding-bottom:125px}
.v7-detail::before{width:230px;height:120px;bottom:-12px;opacity:.3}
#invitation .v7-invite-bottom::after{width:190px;height:98px;right:-7vw;bottom:-130px;opacity:.5}
footer{padding-bottom:135px!important}
footer::before{width:180px;height:94px;bottom:-8px;opacity:.4}
footer::after{width:210px;height:109px;bottom:-10px;opacity:.3}
}
